多媒体与表格实战 -cyy

  • A+
所属分类:Web前端
摘要

表格的基本使用: 不规则单元格的操作:情况比较复杂的话,可以使用dreamweaver的图形化界面来完成;

表格的基本使用:

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