当前位置: 首页 > news >正文

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

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

相关文章:

  • forEach,for...of,map与asycn/await
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • jchdl - GSL实例 - DFlipFlop(D触发器)
  • webgl滤镜--会呼吸的痛
  • 区块链入门教程btcpool矿池源码分析环境搭建
  • 镁客网每周硬科技领域投融资汇总(10.21-10.27),AI芯片创企Syntiant获英特尔等头部企业投资...
  • zabbix介绍
  • 如何做需求分析
  • Netty Channel源码分析
  • VPC配置案例
  • 使用CefSharp的一些需要注意的点
  • Kibana配置logstash,报表一体化
  • 读程序员,你焦虑吗有感。
  • 利用github和git命令,将本地项目共享到服务器上——第二章
  • SQL/My sql
  • co.js - 让异步代码同步化
  • Fabric架构演变之路
  • k8s 面向应用开发者的基础命令
  • PHP 小技巧
  • scrapy学习之路4(itemloder的使用)
  • vuex 笔记整理
  • 分享一个自己写的基于canvas的原生js图片爆炸插件
  • 解决iview多表头动态更改列元素发生的错误
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 设计模式(12)迭代器模式(讲解+应用)
  • 通过几道题目学习二叉搜索树
  • 微信小程序开发问题汇总
  • 我是如何设计 Upload 上传组件的
  • 自动记录MySQL慢查询快照脚本
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • #图像处理
  • (2)nginx 安装、启停
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (7)STL算法之交换赋值
  • (cljs/run-at (JSVM. :browser) 搭建刚好可用的开发环境!)
  • (C语言)二分查找 超详细
  • (java)关于Thread的挂起和恢复
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (附源码)ssm基于jsp高校选课系统 毕业设计 291627
  • (五)关系数据库标准语言SQL
  • (一)Thymeleaf用法——Thymeleaf简介
  • (转)http协议
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .Net Core和.Net Standard直观理解
  • .NET Core中Emit的使用
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .NET Reactor简单使用教程
  • .net 调用php,php 调用.net com组件 --
  • .net图片验证码生成、点击刷新及验证输入是否正确
  • .NET中winform传递参数至Url并获得返回值或文件
  • .xml 下拉列表_RecyclerView嵌套recyclerview实现二级下拉列表,包含自定义IOS对话框...
  • @private @protected @public
  • [EFI]Dell Latitude-7400电脑 Hackintosh 黑苹果efi引导文件
  • [EULAR文摘] 利用蛋白组学技术开发一项蛋白评分用于预测TNFi疗效