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
  • 相关阅读:
    Git中清除远程仓库HTTPS认证信息的方法
    JDK8新增时间类型用在JPA中的问题
    5 个关于 API 中日期和时间设计规则
    时间标准基础知识UTC和ISO8601
    JDK8中的时间API
    2019第7周日
    顶级思维模式:推导事物的第一性原理
    JS的jsoneditor,用来操作Json格式的界面;json-editor用来根据json数据生成界面
    Java读写文件,中文乱码解决
    intellij idea 热部署、热加载设置方法
  • 原文地址:https://www.cnblogs.com/whtt/p/9857469.html
Copyright © 2011-2022 走看看