Skip to content

表单表格

表格在网页开发中使用频率最高,尤其是数据展示时。

基本使用

html
<table border="1">
        <caption>表格标题</caption>
        <thead>
            <tr>
                <th>标题</th>
                <th>时间</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>书籍</td>
                <td>2020-2-22</td>
            </tr>
        </tbody>
</table>
属性说明
caption表格标题
thead表头部分
tbody表格主题部分
tfoot表格尾部

水平单元格合并

html
<table border="1">
        <thead>
            <tr>
                <th>标题</th>
                <th>时间</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td colspan="2">书籍 2020-2-22</td>
            </tr>
        </tbody>
    </table>

垂直单元格合并

html
<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>

视频


Adobe与苹果公司对FLASH都不支持或消极状态,这是HTML提供对视频格式的支持。除了使用html提供的标签来播放视频外,也有很多免费的插件。如video.js阿里云播放器等。

属性描述
autoplay如果出现该属性,视频在就绪后马上播放(需要指定类型如:type="video/mp4"
preload如果出现该属性,视频在页面加载时,预备播放。如果使用autoplay了,就不使用这个属性。如果视频观看度低:设置preload="none" 不加载视频数据减少带宽。如果设置preload="metadata"值 将加载视频尺寸或关键帧数据。目的是减少带宽。设置为preload="auto"自动加载视频数据。
controls如果出现该属性,则向用户显示空间,比如播放按钮。
height如果出现该属性,设置视频播放器高度。
width如果出现该属性,设置视频播放器宽度。
loop如果出现该属性,则当媒介文件完成播放后再次重新播放。
muted规定视频的音频输出应该被静音。
poster规定视频下载时显示的图像,或者在用户点击前显示的图像。
src要播放的视频的URL。
html
<video src="apple.mp4" autoplay="autoplay"
	loop muted controls width="800" height="200">

	<source src="apple.mp4" type="video/mp4">
  <source src="apple.webm" type="video/webm">

</video>

声音


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

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

Released under the MIT License.