列表、表格、媒体元素

1.列表

　　a.无序列表　　　　　　　　　　　　　　　　　　　

　　　　<ul>

　　　　</ul>

b.有序列表　　　　　　　　　　　　　　　　　　　

　　　　<ol>

　　　　</ol>

c.定义列表　

　　　　<dl>

　　　　</dl>

2.表格

　　　　<th>加粗的标题

　　　　<td>单元格内容

　　　　boder边框像素

　　　　cellspacing单元格与单元格之间的距离

　　　　cellpadding单元格与单元格内容的距离

　　　　dgcolor设置表格的背景颜色

　　　　colspan 跨行

　　　　rowspan 跨列

<table border="2">
    <tr>
        <th colspan="所跨行数">第1行第一个单元格（标题）</th>

    </tr>
    <tr>
        <td>第2行第一个单元格</td>
        <td>第2行第二个单元格</td>
        <td>第2行第三个单元格</td>
    </tr>
    <tr>
        <td rowspan="2">第三行第四行合并第一个单元格内容</td>
        <th>第三行第二个单元格</th>
        <th>第三行第三个单元格</th>
    </tr>
    <tr>
        <th>第三行第二个单元格</th>

        <th>第三行第二个单元格</th>
　　</tr>

3.视频、音频元素
　　controls用于提供播放、暂停、音量等控件
　　source：每个src对应一种格式，source可以在video中多次出现，每个source元素对应一种格式。
　　loop 循环播放
　　可以用width、heigth调整视频、音频的高度和宽度
　　<video src="视频路径" controls="controls">如果不支持video，可以在此处插入提醒语句</video>
　　 <audio src="音频路径" controls="controls">如果不支持audio，可以在此处插入提醒语句</audio>

例子：
<body>

    <video controls loop>
        <source src="video/vedio.avi"/>
        <source src="video/vedio.mp4"/>
        <source src="video/video.webm"/>
    </video>
</body>
4.iframe
例子：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>iframe的使用</title>
</head>
<body>
    <h1>导航条</h1>
    <p>
        <a href="https://www.baidu.com/" target="mainFrame">百度主页</a><br/>
        <a href="http://www.bdqn.cn/" target="mainFrame">北大青鸟</a><br/>
    </p>
    <iframe name="mainFrame" width="1500px" height="1500px" src="https://www.baidu.com/" ></iframe>
</body>
</html>

5.结构元素
header     标题头部区域的内容
footer     标记脚步区域内容
section    Web页面中的一块独立区域
article    独立的文章内容
aside      相关内容或应用（常用语侧边栏）
nav        导航类辅助内容