列表：

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

无序列表

<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"> <!--可以用来实现页面之间跳转 直接出现在框架显示-->