HTML 2列表

1.列表

列表有三种分别为无序列表、有序列表、定义列表

无序列表

• 无序列表通常是使用粗体圆点并列存在的。列表始于<ul>标签，列表项始于<li>标签

有序列表

• 有序列表也是一列列表，但是各列表项会按照一定的顺序排列。
• 始于<ol>标签，各列表项始于<li>标签。

定义列表

• 定义列表是项目和注释的组合。
• 它以<dl>标签开始，列表项以<dt>开始，列表项的定义以<dd>开始。

2.表格

表格的基本结构

• 表格的标签是由<table>标签定义的
• 表格行由标签定义
• 每行的单元格由<td>标签定义

表格的表头

• 表头即表格标题，他使用<th>标签进行定义。大多数会把表头显示为粗体居中的文本

表格的跨行与跨列

• 跨行:使用<td>标签的rowspan属性实现单元格跨行，跨行是指在单元格垂直方向上的合并
• 跨列:使用<tr>标签的colspan属性实现单元格跨列，跨列是指在单元格横向方向上的合并

3.HTML5的媒体元素

<video>标签

• <video>标签用于定义视频

• src属性用于指定视频的路径
• width 设置视频播放器的宽度
• height 设置视频播放器的高度
• contrs 出现该属性时，则显示播放按钮
• autoplay 出现该属性时，则视频在就绪后马上播放
• loop 出现该属性时，文件完成播放后再次播放
• muted 出现该属性时，则视频为静音
• poster 规定视频正在下载时显示的图像，知道点击播放按钮
• preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用了<autoplay>则忽略属性

• <audio>标签播放，支持MP3、Ogg、WAV这三种格式.低版本浏览器不支持<audio>标签,所以应该记得加一段文字提示

4.HTML5结构标签

• <header>:定义文档的头部区域
• <nav>：定义导航链接的部分
• <section>：定义文档中的节，其包含一组内容及其标题。
• <article>：定义独立的内容。
• <aside>：定义页面主区域内容之外的内容（侧边栏）
• <footer>：定义文档的底部区域

5.<iframe>框架

< iframe>框架用于在页面中任意的位置嵌入另一个网页，如在自己制作的页面中引入京东首页、淘宝详情页等。

• src属性用于规定iframe中嵌入文档的URl
• width属性用于规定iframe中的宽度
• height属性用于规定iframe中的高度
• name属性用于规定iframe的名称

配合使用a标签的target属性及iframe标签的name属性，可以实现窗口间的关联。