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

列表：

列表就是信息资源的一种展示形式，它可以让信息结构化和条理化。

无序列表

<ul>
	<li>**内容**</li>
	<li>**内容**</li>
	<li>**内容**</li>
</ul>   <!--注：<ul>标签里面只能镶嵌<li>标签，不能镶嵌其他标签。<li>标签里面可以镶嵌任意标签-->

有序列表

<ol>
	<li>**内容**</li>
	<li>**内容**</li>
	<li>**内容**</li>
</ol>   <!--特性：有顺序，每个<li>标签独占一行（快元素）。默认<li>标签项前面有顺序标记-->

定义列表

<dl>
	<dt>***标题***</dt>
	<dd>**内容**</dd>
	<dd>**内容**</dd>
	<dt>***标题***</dt>
	<dd>**内容**</dd>
</dl>

表格
简单通用，结构稳定。缺点：不利于搜索引擎搜索。
语法：

<table>
	<tr>
		<th>第一个单元格内容</th>
		<th>第二个单元格内容</th>
		……
	</tr>
		<tr>
		<td>第一个单元格的内容</td>
		<td>第二个单元格的内容</td>
		……
	</tr>
</table>   <!--注  colspan跨列   rowspan跨行-->

媒体元素

视频元素

<video  autoplay> controls="controls" >  
    <source src="视频路径" />
</video>    <!--controls用来提供播放、暂停和音量控件，还可以用width和heigth设置视频的宽度和高度    autopaly用来设置自动播放-->

音频元素

<audio src="音频路径" controls="controls"  loop=4></audio> <!--  loop 用来设置播放次数 -->

HTML5的结构元素
header 标题头部区域的内容
footer 标记脚部区域的内容（用于整个页面或页面的一块区域）
section Web页面中的一块独立区域
article 独立的文章内容
aside 相关内容或应用
nav 导航类辅助内容

<iframe>框架
语法

<iframe src="引用页面地址"  name=“框架标识名” ……></iframe >
<a  href="subframe/the_second.html"  target="mainFrame">  <!--可以用来实现页面之间跳转  直接出现在框架显示-->