HTML5 第二章 列表和表格和媒体元素

列表：

（1）什么是列表？

列表就是信息资源的一种展示形式。

（2）无序列表：

语法：

<ul>

<li>第1项</li>

<li>第2项</li>

<li>第3项</li>

</ul>

（3）有序列表：

语法：

<ol>

<li>第1项</li>

<li>第2项</li>

<li>第3项</li>

</ol>

（4）定义列表：

语法：

<dl>

<dt>标题一</dt>

<dd>第1项</dd>

<dd>第2项</dd>

<dt>标题二</dt>

<dd>第1项</dt>

</dl>

表格：

（1）为什么使用表格？

简单通用     结构稳定

（2）表格的基本结构：

单元格  行  列

语法：

<table>

<tr>

<th>第一个单元格的内容</th>

。。。。。

</tr>

<tr>

<td>第一个单元格的内容</th>

。。。。

</tr>

</table>

（3）表格的跨行与夸列：

跨行：

语法：

<table>

<tr>

<td rowspan="所跨的行数">单元格内容</td>

</tr>

</table>

跨列：

语法：

<table>

<tr>

<td colspan="所跨的列数">单元格内容</td>

</tr>

</table>

HTML5的媒体元素：

（1）视频元素：

video元素是HTML5播放视频的一种标准方法。

video：

语法：
<video src="视频路径" controls="controls></video>

（2）音频元素：

audio元素是用来播放音频文件的。

语法：

<audio src="音频路径" controls="controls></vider>

HTML5的结构元素：

元素名及描述：

header：标题头部区域的内容。

footer：标记脚部区域的内容。

section：Wed页面中的一块独立区域。

article：独立的文章内容。

aside：相关内容或应用。

nav：导航类辅助内容。

<iframe>框架：

iframe是使页面中的部分内容用框架实现。

语法：

<iframe src="引用页面地址"name="框架标识名"...></iframe>

<iframe>属性：

<iframe>内联框架常用属性包括name，width，heigth。其中name属性可以和锚链接结合起来实现页面间的相互跳转。

name属性语法：

<iframe name="mianFrame" src="subframe/the_second.html />