多媒体与表格

表格

基本使用

属性	说明
caption	表格标题
thead	表头部分
tbody	表格主体部分
tfoot	表格尾部

<table border="1">
    <caption>表格标题</caption>
    <thead>
        <tr>
            <th>标题</th>
            <th>时间</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容</td>
            <td>2021-2-22</td>
        </tr>
    </tbody>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

单元格合并

下面是水平单元格合并

<table border="1">
    <caption>表格标题</caption>
    <thead>
        <tr>
            <th>标题</th>
            <th>时间</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容</td>
            <td>2021-2-22</td>
        </tr>
    </tbody>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

下面是垂直单元格合并

<table border="1">
    <thead>
        <tr>
            <th>标题</th>
            <th>时间</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2">内容</td>
            <td>2030-03-19</td>
        </tr>
        <tr>
            <td>2035-11-08</td>
        </tr>
    </tbody>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

视频

📗 Adobe与苹果公司对 FLASH都不支持或消极状态，这时HTML提供对视频格式的支持，除了使用html提供的标签来播放视频外，也有很多免费或付费的插件，如video.js (opens new window)在新窗口打开、阿里云播放器 (opens new window)在新窗口打开等等。

属性说明

属性	描述
autoplay	如果出现该属性，则视频在就绪后马上播放（需要指定类型如 `type="video/mp4"`)。
preload	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。如果视频观看度低可以设置为 `preload="none"` 不加载视频数据减少带宽。如果设置为 `preload=metadata`值将加载视频尺寸或关键针数据，目的也是减少带宽占用。设置为`preload="auto"` 时表示将自动加载视频数据
controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	设置视频播放器的高度。
width	设置视频播放器的宽度。
loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	规定视频的音频输出应该被静音。
poster	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
src	要播放的视频的 URL。

<video src="source.mp4" autoplay="autoplay" loop muted controls width="800" height="200">
    <!-- 指定多种类型的媒体文件 -->
    <source src="source.mp4" type="video/mp4">
    <source src="source.webm" type="video/webm">
</video>

1
2
3
4
5

声音

HTML对声音格式文件也提供了很好的支持。

属性说明

属性	描述
autoplay	如果出现该属性，则视频在就绪后马上播放。
preload	📗 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。如果视频观看度低可以设置为 `preload="none"` 不加载视频数据减少带宽。如果设置为 `preload="metadata"`值将加载视频尺寸或关键帧数据，目的也是减少带宽占用。设置为`preload="auto"` 时表示将自动加载视频数据
controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	规定视频的音频输出应该被静音。
src	要播放的视频的 URL。

<audio controls autoplay loop preload="auto">
	<source src="source.ogg" type="audio/ogg">
	<source src="source.mp3" type="audio/mp3">
</audio>

1
2
3
4

# 多媒体与表格

# 表格

# 基本使用

# 单元格合并

# 视频

# 声音

多媒体与表格

表格

基本使用

单元格合并

视频

声音