- A+
所属分类:Web前端
表格的基本使用:
<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>