使用HTML语言和CSS开发商业站点_列表，表格与媒体元素

第2章 列表,表格与媒体元素
一.列表
1.列表简介
列表就是信息资源的一种展示形式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息.
2.列表及其应用
(1)无序
使用<ul>标签作为无序列表的声明,使用<li>标签作为每个列表项的起始
语法:<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
特性:没有顺序,每个<li>标签独占一行(块元素);
    默认<li>标签项前面有个实心小圆点.
    一般用于无序类型的列表
（2）有序
使用<ol>标签作为有序列表的声明，使用<li>标签作为每个列表项的起始
语法：<ol>
<li>第一项</li>
        ......
     </ol>
特性：有顺序，每个<li>标签独占一行（块元素）
     默认<li>标签项前面有顺序标记
     一般用于排序类型的列表
（3）定义
使用<dl>标签作为列表的开始，使用<dt>标签作为每个列表项的起始。每个列表项的定义使用<dd>标签来完成。
语法：<dl>
<dt>标题1</dt>
<dd>第一项</dd>
<dt>标题1</dt>
<dd>第一项</dd>
特性：没有顺序，每个<dt>标签，<dd>标签独占一行（块元素）默认没有标记
一般用于（一个标题下有一个或多个列表项）*n的情况。
二.表格
表格是块状元素发明该标签的初衷是用于显示表格数据。
1.优点:简单通用，结构稳定
2.基本结构：
（1）单元格
（2）行
（3）列
3.基本语法：
<table>
<tr>
<th>第一个单元格的内容</th>
<th>第二个单元格的内容</th>
</tr>
<tr>
<td>第一个单元格的内容</td>
<td>第二个单元格的内容</td>
</tr>
</table>
4.跨行与跨列
colspan跨列 col为column（列）的缩写 span为跨度
rowspan跨行 row为行
跨行和跨列以后，并不改变表格的特点，同行的总高度一致，同列的总宽度一致。
三.HTML5的媒体元素
1.视频元素
语法：
<video src="视频路径" controls="controls"></video>
2.音频元素
语法：
<audio src="音频路径" controls="controls"></video>
四.HTML5的结构元素
header 标题头部区域的内容
footer 标记脚部区域的内容
section Web页面中一块独立区域
article 独立的文章内容
aside 相关内容或应用（常用于侧边栏）
nav 导航类辅助内容
五.<iframe>框架
作用是使页面中的部分内容用框架实现，一般用于在页面中引用站外的页面内容，使用方便
1.语法：
<iframe src="引用页面地址" name="框架标识名"...></iframe>
2.(1)在被打开的框架上加name属性
<iframe name="mainFrame" src="......"/>
 (2)在超链接上设置target目标窗口属性为希望显示的框架窗口名。
<a href="......" target="mainFrame"></a>
补充：一.2.（1）<ul type="circle">空心圆形
<ul type="disc">实心圆形
<ul type="square">实心方形
若不加类型，则默认实心圆形。