表格和音频

表格

在前端的页面中，表格主要用于数据的布局

引入表格的标签：<table></table>

<table>
    <caption>表格标题</caption>
    <thead>
        <tr>
            <th>序号</th>
            <th>姓名</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>   <!--td标签标示普通单元格，显示不加粗-->
            <td>name</td>
        </tr>
    </tbody>
</table>

不规则表格的构建

水平单元格合并

通过colspan属性对<td>标签进行合并，如：<td colspan="2">表示水平占据两个单元格

垂直单元格合并

通过rowspan属性对<td>标签进行合并，如：<td rowspan="2">表示垂直占据两个单元格

---

音频

视频

html提供了视频播放的标签，但是最好去使用第三方的播放插件

引入标签：<video src=""></video> src的内容为视频的路径

相关的属性

属性	描述
autoplay	自动播放
muted	不开启声音开始播放，一般和autoplay一起使用
controls	在视频底部产生进度条
poster	视频未开始播放前显示的封面图，不能和muted，autoplay属性一起使用
preload	控制视频数据的加载方式，其枚举值为：auto：在加载时所有的数据全部加载，用户点击播放就时刻可以开始播放；metadata：只加载视频的原数据，及偶尔的关键帧会进行加载；none：不处理，视频的任何数据都不加载
loop	循环播放

声音

引入声音的标签：<audio src=""></audio> 就会产生一个声音的播放器，其相关的属性和视频相似