(一). 学习内容
- HTML 总结和重要标签分类。
(二). 课程重点
- 数量的掌握 HTML 中的重要表情
(三). 作业完成情况
1. 将红色标注的重要标签进行整理，整理要求：
a. 每个标签需要说明：用途和作用，标签的实例代码，标签的重要属性和属性意义
b. 可以将标签按照自己的方式进行规类
标签说明
1.<!–…-->
| 标签实例代码 |
标签重要属性 |
属性意义 |
| <!–…--> |
|
|
2.<!DOCTYPE>
| 定义 |
作用 |
| 文档类型 |
web 浏览器关于页面使用哪个 HTML 版本进行编写的指令 |
3.<a>
| 标签实例代码 |
标签重要属性 |
属性意义 |
<a href="http://www.w3school.com.cn">W3School</a> |
href |
规定链接指向的页面 |
|
type |
规定被链接文档的类型 |
|
target |
规定在何处打开链接文档 |
4.<b>
| 标签实例代码 |
标签重要属性 |
属性意义 |
<p>这是普通文本 - <b>这是粗体文本</b>。</p> |
|
|
5.<blockquote>
6.<body>
| 标签实例代码 |
标签重要属性 |
属性意义 |
<body>文档的内容... ..</body> |
|
|
|
background |
规定文档的背景图像 |
|
bgcolor |
规定文档的背景颜色 |
|
text |
规定文档中所有文本的颜色 |
7.<button>
| 标签实例代码 |
标签重要属性 |
属性意义 |
<button type="button">Click Me!</button> |
|
|
8.<caption>
| 标签实例代码 |
标签重要属性 |
属性意义 |
<caption>Monthly savings</caption> |
|
|
|
align |
规定标题的对齐方式 |
2. 自学使用 HTML5 的视频和音频标签，在页面中插入一段视频和音频
a. 一段视频
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<section id="lady">
<div class="video">
<iframe height="300" width="300" src="https://v.youku.com/v_show/id_XMzc0MTczMTQ1Ng==.html?spm=a2hww.11359951.m_26664.5~5!2~5~5~5~5~5~5~A frameborder="0"></iframe>
</div>
</section>
</body>
</html>
### 视频展示
b.一段音频
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<embed src="\Users\PC\一生所爱.mp3" width="200" height="80"></embed>
</body>
</html>
### 音频展示
3. 问题：
a. HTML 有哪些版本？HTML5 的新增标签有哪些？
b. 什么是浏览器的解析器，浏览器是如何解析一个HTML 文档的。
HTML有哪些版本
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）： HTML
2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 HTML 5——2014年10月28日，W3C推荐标准
### HTML5 新增的标签
| 标签 |
定义 |
| <article> |
文章 |
| <aside> |
页面内容之外的内容 |
| <audio> |
声音内容 |
| <bdi> |
文本的文本方向，使其脱离周围文本的方向设置 |
| <canvas> |
图形 |
| <command> |
命令按钮 |
| <datalist> |
下拉列表 |
| <details> |
元素的细节 |
| <dialog> |
对话框或窗口 |
| <embed> |
外部交互内容或插件 |
| <figcaption> |
figure 元素的标题 |
| <figure> |
媒介内容的分组，以及它们的标题 |
| <footer> |
section 或 page 的页脚 |
| <header> |
section 或 page 的页眉 |
| <******> |
生成** |
| <mark> |
有记号的文本 |
| <meter> |
预定义范围内的度量 |
| <nav> |
导航链接 |
| <output> |
输出的一些类型 |
| <porgress> |
任何类型的任务的进度 |
| <rp> |
若浏览器不支持 ruby 元素显示的内容 |
| <rt> |
ruby 注释的解释 |
| <ruby> |
ruby 的注释 |
| <section> |
section |
| <source> |
媒介源 |
| <summary> |
为<details>元素定义可见的标题 |
| <time> |
时间/日期 |
| <track> |
用在媒体播放器中的文本轨道 |
| <video> |
视频 |
| <wbr> |
可能的换行符 |