HTML5标签PPT精品课件.pptxVIP

主讲人：陈明HTML5网页设计HTML5标签 CONTENTS目录HTML标签概述doctype标签html标签head标签meta标签title标签body标签 x 文字 /xHTML标签概述HTML5文档由文字及标签组合而成。一般标签是由一个起始标签和一个结束标签所组成，使用“”和“”两个尖括号括起来。x 代表标签名称。x 和 /x 就如同一组开关：起始标签 x 为开启的某种功能，而结束标签 /x为关闭功能，文字信息便放在两标签之间。语法说明 HTML标签概述虽然大部分的标签是成对出现的，但也有一些是单独存在的。这些单独存在的标签称为空标签（EmptyTags）。x /空标签语法 doctype 标签doctype 是document type（文档类型）的简写，用于说明使用的 HTML 是什么版本。doctype声明必须放在每一个 HTML5 文档最顶部，在所有标签之上。目前常见的 doctype 声明写法及意义见表：HTML 版本doctype 声明HTML5 !doctype htmlXHTML1.0 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdHTML4.0 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01Transitional//EN /TR/html4/loose.dtd html标签在任何的一个 HTML 文件里，最先出现的 HTML 标签就是 html，html 是成对出现的，首标签 html 和尾标签 /html 分别位于文件的最前面和最后面，文件中的内容都包含在其中。html文件的全部内容/html语法 head 标签head 是一个表示网页头部的标签。它包含文件的标题、编码方式及 URL 等信息。这些信息大部分是用于提供索引、辨认或其他方面的应用。html head文件头/head body文件主体/body/html语法 meta 标签为了符合 Web 标准，所有的 HTML5 文档都必须声明它们所使用的字符编码语言，我们通常使用 utf-8、gb2312（简体中文）字符集表达中文字符。它包含在 head 标签里面。html head meta charset=utf-8“ / /head body文件主体/body/html语法 title 标签title标签表示HTML5文档的标题，当HTML5文档在浏览器中呈现时，title标签的内容出现在浏览器窗口。html head meta charset=utf-8 title窗体标题/title /head body文件主体/body/html语法 body 标签body 标签包含了所有文档主体内容，这些内容被浏览器显示在屏幕上。html head meta charset=utf-8 title窗体标题/title /headbody body 标签里面的文本 !--body 标签里面的文本 -- /body/html示例文本及注释标签 实践时间使用HTML5的标准文档结构制作一个HTML页面。 创建一个新的文档；设置字符编码语言为“gb2312”； 设置文档标题“我的第一个网页”；在文档主体内容中输入任意文本内容。 学生练习 课程小结HTML5 拥有众多的标签，其中 doctype、HTML、HEAD 以及 body 等标签是每个 HTML5 文档都必须编写的。HTML 文件分为文件头和文件主体两个部分。文件主体部分就是在 Web 浏览器窗口的用户区看到的内容，而文件头部分用来规定该文件的标题（出现在 Web 浏览器窗口的标题栏中）和一些属性。标签的大小写不影响最终效果。W3C 从HTML 4 开始建议所有标签都用小写，因此最好养成良好的书写习惯，HTML5 标签都以小写形式出现。