HTML学习日志（6月19日）

1.表格

<table border="1">  表格标签（如果不设置边框，则不显示）

        <caption>成绩单</caption> 表格标题

        <thead> 表格头部（语义化标签）

            <tr> 表格行

                <th>课程</th> 表头

                <th>分数</th>

            </tr>

        </thead>

        <tbody> 表格主体（语义化标签，还有表格尾部tfoot）

            <tr>

                <td>数学</td> 单元格（嵌套在行标签中）

                <td>97</td>

            </tr>

            <tr>

                <td>语文</td>

                <td>92</td>

            </tr>

        </tbody>

    </table>

2.水平单元格合并

<tr>

        <td colspan="2">百年孤独</td> 

    </tr>

3.垂直单元格合并

<tr>

            <td>数学</td>

            <td rowspan="2">97</td>

        </tr>
4.<video src="./animals.mp4"></video> 视频标签

   autoplay属性，打开网页后视频自动播放

   muted属性，视频静音播放

   loop属性，视频循环播放

   controls属性，向用户显示控件（包括进度条，播放按钮等）

   poster属性，设置视频封面

   preload属性，视频加载方式（默认auto，视频资源全部加载）

5.视频资源的另一种设置方式（支持多个视频资源）

<video>

        <source src="./animals.mp4">

        <source src="./animals.ogg">

    </video>

6.<audio src="./nature.mp3"></audio> 音频标签（具体用法与video基本一致）

附：视频和音频播放，尽量使用可拓展性更强的第三方库资源。