多媒体与表格实战 -cyy

来源：cnblogs　　作者：陈莺莺呀　　时间：2020/11/9 15:18:49　　对本文有异议

表格的基本使用：

    <table border="1">
        <caption>这是表格</caption>
        <thead>
            <tr>
                <th>列1</th>
                <th>列2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>111</td>
                <td>222</td>
            </tr>
            <tr>
                <td>333</td>
                <td>444</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>汇总1</td>
                <td>汇总2</td>
            </tr>
        </tfoot>
    </table>

不规则单元格的操作：

    <table border="1">
        <caption>这是表格</caption>
        <thead>
            <tr>
                <th>列1</th>
                <th>列2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <!-- 合并列 -->
                <td colspan="2">111</td>
            </tr>
            <tr>
                <!-- 合并行 -->
                <td rowspan="2">333</td>
                <td>444</td>
            </tr>
            <tr>
                <td>444</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>汇总1</td>
                <td>汇总2</td>
            </tr>
        </tfoot>
    </table>

情况比较复杂的话，可以使用dreamweaver的图形化界面来完成；

视频如何播放：

第三方插件 video.js https://blog.csdn.net/a0405221/article/details/80923090

阿里云播放器 https://blog.csdn.net/qq_36535245/article/details/82152384

推荐使用第三方的，因为UI和可扩展功能都更优秀

html默认播放器的使用：

    <video src="http://www.cxbosheng.com/webmaster/editor/attached/media/20190822/video1.mp4" poster="http://www.cxbosheng.com/webmaster/cp/pro/2019081632094039.jpg" controls width="600" height="300" muted preload="auto" loop></video>
    <video src="http://www.cxbosheng.com/webmaster/editor/attached/media/20190822/video1.mp4" controls width="600" height="300" autoplay muted></video>
 
    <!-- 多个视频格式 -->
    <video poster="http://www.cxbosheng.com/webmaster/cp/pro/2019081632094039.jpg" controls width="600" height="300" muted preload="auto" loop>
        <source src="http://www.cxbosheng.com/webmaster/editor/attached/media/20190822/video1.mp4" type="video/mp4">
        <source src="http://www.cxbosheng.com/webmaster/editor/attached/media/20190822/video1.webm" type="video/webm">
    </video>

音频使用方式：

    <audio src="http:////downsc.chinaz.net/Files/DownLoad/sound1/201702/8354.mp3" controls muted></audio>
 
    <audio controls muted>
        <source src="http:////downsc.chinaz.net/Files/DownLoad/sound1/201702/8354.mp3" type="audio/mp3">
        <source src="http:////downsc.chinaz.net/Files/DownLoad/sound1/201702/8354.ogg" type="audio/ogg">
    </audio>