zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    LLVM 0: LLVM和Clang的背景
    semaphore和mutex的区别?
    Note: TWLKH: 浅谈Semaphore与mutex
    Bark:自建 iOS 消息推送服务
    aka.ms打不开
    《UNIX 传奇:历史与回忆》Note
    crawlab 实现批量添加爬虫的功能
    手机浏览器打开PC端网站,背景显示不全怎么办?
    jquery实现平滑的二级下拉菜单效果
    nginx服务器设置301重定向,不带www跳转到带www域名
  • 原文地址:https://www.cnblogs.com/whtt/p/9857469.html
Copyright © 2011-2022 走看看