列表、表格和媒体元素（html）

一.列表

列表简介:

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

二.列表及其应用

1.无序列表

　　语法：

<ul>
    <li>第一行</li>

    <li>第二行</li>

    <li>狄三航</li>

</ul>

　　特点:

　　　　1)没有顺序，每一个<li>标签独占一行（块元素）

　　　　2）默认<li>标签像前面有一个实心的圆点。

　　　　3）一般用于导航、侧边栏新闻、与规律的图文组合模块等。

2.有序列表

　　语法：

<ol>
    <li></li>
    
    <li></li>

    <li></li>

</ol>

　　特点:

　　　　1)有顺序，每一个<li>标签独占一行。

　　　　2）默认<li>标签项前有顺序标记。

　　　　3）一般用于试卷、问卷。

3.定义列表

　　语法：

<dl>
    <dt>标题一</dt>
    <dd>一</dd>
    <dd>二</dd>
    <dt>标题二</dt>
    <dd>一</dd>
    <dd>二</dd>
</dl>

　　特点：

　　　　1）没有顺序，每一个<dt><dd>标签独占一行。

　　　　2）默认没有标记。

　　　　3）一般用有多个列表项的的情况。

三.表格

　　语法：

<table> 
    <tr>
        <th></th>
    </tr>
    <tr>
        <td></td>
        <td></td>    
    </tr>
</table>

　　1.表单的跨行

　　　　<table>

　　　　　　<tr>

　　　　　　　　 <td colspan="所跨行数">内容</td>

　　　　　　</tr>

　　　　</table>

　　2.表单跨列

　　　　<table>

　　　　　　<tr>

　　　　　　　　 <td rowspan="所跨列数">内容</td>

　　　　　　</tr>

　　　　</table>

四.媒体元素

　　1.视频元素

　　　　语法：

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

　　2.音频元素

　　　　语法：

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

五.HTML的结构元素

　　header：标题的头部。

　　footer：标记脚部。

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

　　article：独立的文章内容。

　　aside：相关内容和应用。

　　nav：导航类辅助内容。

六.<iframe>结构

　　语法：

　　<iframe src="引用页面地址" name="框架标识名" target="_blank|_self"> </iframe>