博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTNL5列表,表格,音频,视频,iframe内联框架
阅读量:7230 次
发布时间:2019-06-29

本文共 1251 字,大约阅读时间需要 4 分钟。

一.列表:
  无序列表:
    <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

转载于:https://www.cnblogs.com/whtt/p/9857469.html

你可能感兴趣的文章
j2ee页面静态化方案encache web cache框架详解1
查看>>
php高级注入
查看>>
[硬件]三维点云数据获取
查看>>
nagios安装配置
查看>>
bzoj 2763 [JLOI2011]飞行路线 Dijikstra 分层
查看>>
HEOI2018 游记
查看>>
UITableViewCell 取消选中的蓝色背景
查看>>
MFC DestroyWindow、OnDestroy、OnClose 程序关闭相关
查看>>
hibernate理解
查看>>
第二篇第五章防火防烟分区于分隔
查看>>
POJ 2387 Til the Cows Come Home
查看>>
POJ 1733 Parity game
查看>>
apply函数用法
查看>>
[转载] Knowledge Management and Engineering——07 PROMOTE Methodology
查看>>
deepin 2014 安装后 ,grub出错
查看>>
DevExpress.XtraGrid 导出文本的bug
查看>>
CentOS 7 系统初始化设置
查看>>
【树莓派智能门锁】使用脚本控制GPIO来开锁【4】
查看>>
转载---- 使用opencv源码自己编制android so库的过程
查看>>
vue 构建项目遇到的问题
查看>>