《使用HTML5实现响应式布局》第一章-HTML5基础-理论学习资料.pptxVIP

第一章HTML5基础

理论内容网页Web标准HTML5与移动互联网DreamweaverCC介绍标签写法与规范文本标签

1.网页网页通常是使用HTML语言编写的、扩展名为.html或.htm的文件网页由文字、图片、视频、动画、音乐等内容组成网页必须通过网页浏览器来阅读

2.Web标准认识W3C英文全称是WorldWideWebConsortiumWeb技术领域最具权威和影响力的国际中立性技术标准机构Web标准的制定者

Web标准Web标准分为三个方面结构化标准语言表现标准语言行为标准HTML的英文全称是HyperTextMarkupLanguage，中文名称为“超文本标签语言”。

3.HTML5与移动互联网2014年10月29日，W3C宣布，经过接近8年的艰苦努力，HTML语言的第五个版本HTML5标准规范终于制定完成HTML5从系统无关到设备无关HTML5改变了Web开发的局限

4.DreamweaverCC介绍AdobeDreamweaver，简称“DW”，中文名称“梦想编织者”，是美国Adobe公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器。操作面板实时视图代码视图属性面板

创建简单的HTML5网页（1）启动DreamweaverCC点击菜单命令“文件新建”，创建空白的HTML5文档然后点击菜单命令“窗口插入”显示插入的操作面板，通过该面板可以快速插入HTML5的基本标签插入面板新建的HTML5文档

创建简单的HTML5网页（2）点击插入面板的段落，在代码中插入一段文本插入段落段落标签

创建简单的HTML5网页（3）在DreamweaverCC的代码视图的p与/p标签之间输入文本“这是我们第一次制作网页”修改段落文本

创建简单的HTML5网页（4）接着修改页面的默认标题，在属性面板的文档标题位置输入文本“我的第一个网页”。修改文档标题

x文字/xx文字/x5.HTML5标签HTML5文档由文字及标签组合而成。通常标签是由一个起始标签和一个结束标签所组成，使用“”和“”两个尖括号括起来。 其中，x代表标签名称。x和/x就如同一组开关：起始标签x为开启的某种功能，而结束标签/x为关闭功能，文字信息便放于两个标签之间。

HTML5标签doctype标签doctype是documenttype（文档类型）的简写，用于说明使用的HTML是什么版本。doctype声明必须放在每一个HTML5文档最顶部 HTML版本doctype声明HTML5!doctypehtmlXHTML1.0!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtdHTML4.0!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN/TR/html4/loose.dtd

IT行业发展html标签html标签是HTML5文档的顶级元素，也称为根元素。所有HTML5文档都以html标签起始标示整篇HTML5文档，即HTML5文档的内容都包含在html与/html之间。

IT行业发展head标签head标签用于在HTML5文档头部执行广域的声明定义，作用范围将是整篇HTML5文档。

IT行业发展meta标签为符合Web标准，所有的HTML5文档都必须声明它们所使用的字符编码语言，通常使用utf-8、gb2312（简体中文）字符集表达中文字符。它包含在head标签中headmetacharset=utf-8/head

IT行业发展title标签title标签表示HTML5文档的标题，当HTML5文档在浏览器中呈现时，title标签的内容出现在浏览器窗口文档标题

定义员工类body标签body标签包含了所有文档主体内容，这些内容被浏览器显示在屏幕上bodybody标签里面的文本!--body标签里面的文本--/body注释标签

p段落正文内容/p6.文本及超链接标签段落标签HTML5的段落标签是p，它表示以段落的方式组织内容。并可以为文字、图片、表格等之间留一个空白行属性说明默认值align水平对齐方式。可选值：right、left、center默认leftclass设置CSS类?dir文字方向?style设置内嵌样式?title设置工具提示?

段落标签在DreamweaverCC中新建HTML5文档，编写以下代码bodypalign=centerstyle=color:#ff0000 学习HTML其实很容易。/pp只