HTNL5列表,表格,音频,视频,iframe内联框架

一.列表:
  无序列表:
    <ul>              特性:没有顺序,每个<li>标签独占一行(块级元素)
      <li>内容</li>          默认每一个li标签前有一个实心小圆点
      <li>内容</li>
      <li>内容</li>
    </ul>

  有序列表:
    <ol>              特性:有顺序,每个<li>标签独占一行(块级元素)
      <li>内容</li>            默认每一个li标签前有顺序标识
      <li>内容</li>
      <li>内容</li>
    </ol>
  定义列表:
    <dl>                  特性:1.没有顺序,每一个dt和dd标签独占一行(块元素)
      <dt>内容</dt>              默认没有标记
      <dd>内容</dd>
      <dd>内容</dd>
    </dl>
二.表格:
  组成部分:行
       列
       单元格
      表格优点:结构稳定,简单通用

  <table border="1" >
    <tr>
      <th>内容</th>
      <td>内容</td>
      <td>内容</td>
    <tr>
      <th>内容</th>
       <td>内容</td>
         <td>内容</td>
    </tr>
  </table>
         其中:colspan:跨列 rowspan:跨行
三。视频:
  ※使用时注意浏览器兼容问题
  <video controls>
    <source src="视频路径"/>
  </video>
四。音频:
  ※使用时注意浏览器兼容问题
  <audio controls>
    <source src="音频路径"/>
  </audio>
        其中:contrls是播放插件  autoplay是自动播放
五。if内联框架:
    <iframe src="嵌套的页面地址" name="内联框架名" width="宽px" height="高px"></iframe>
    点击链接跳转到指定地址:
    <a href="跳转路径" target="内联框架名">第一个页面</a>
    <a href="跳转路径" target="内联框架名">第二个页面</a>
    <a href="跳转路径" target="内联框架名">第三个页面</a>
    <iframe name="内联框架名" width="宽px" height="高px"></iframe>
原创:梅川酷子先生  联系方式QQ:2838509529
posted @ 2018-10-26 17:03  梅川酷子灬  阅读(572)  评论(0编辑  收藏  举报