HTML5 列表、表格、媒体元素

无序列表

<ul>
      <li>范冰冰演藏族女孩</li>
      <li>拍集体合影后自拍</li>
      <li>诗隆甜蜜出游</li>
      <li>一线城市楼市退烧</li>
 </ul>

特性

  • 没有顺序,每个<li>标签独占一行(块元素)
  • 默认<li>标签项前面有个实心小圆点

 有序列表

<ol>
  <li>范冰冰演藏族女孩</li>
  <li>拍集体合影后自拍</li>
  <li>诗隆甜蜜出游</li>
  <li>一线城市楼市退烧</li>
</ol>

特性

  1. 有顺序,每个<li>标签独占一行(块元素)
  2. 默认<li>标签项前面有顺序标记

定义列表

特性

  • 没有顺序,每个<dt>标签、<dd>标签独占一行(块元素)
  • 默认没有标记
  • 一般用于一个标题下有一个或多个列表项的情况

 表格

表格的跨行

视频

音频

HTML5结构元素

<iframe> 内联框架

原文地址:https://www.cnblogs.com/expedition/p/11183267.html

时间: 2024-11-03 21:41:08

HTML5 列表、表格、媒体元素的相关文章

HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

HTML5中的媒体元素除了拥有非常多的属性之外,video标签和audio标签还能够出发非常多事件和方法. 这些方法监控着不同的属性的变化,这些变化有可能是媒体播放的结果,也可能是用户操作媒体的结果. 以下就为大家開始介绍媒体元素的相关事件. abort:触发时机是下载中断. canplay:在能够播放的时候,readyState的值为2的时候触发. canplaythrough:readyState的值为3的时候,触发.播放能够继续,而应该不会中断的时候触发. canshowcurrentfr

HTML5 第二章 列表和表格和媒体元素

列表: (1)什么是列表? 列表就是信息资源的一种展示形式. (2)无序列表: 语法: <ul> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ul> (3)有序列表: 语法: <ol> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ol> (4

第二章 列表、表格与媒体元素

一.无序列表 <ul>       <li>无序列表</li>       <li>有序列表</li>       <li>自定义列表</li>      </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素)        2.默认每一个li标签前有一个实心小圆点        3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol>       <li&

列表,表格,与媒体元素

一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素) 2.默认每一个li标签前有一个实心小圆点 3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol> <li>无序列表</li> <li>有序列表</li>

HTML5实战与剖析之媒体元素

随着HTML5的到来,flash在手机端全部不能得到支持,这就使一项以flash制作的音乐播放和视频播放只能用HTML5中的媒体标签video标签和audio标签来制作了.很恰巧的是,移动端对HTML5中的媒体标签video标签和audio标签支持的非常好.这就使HTML5在移动端很流行. video标签和audio标签也提供了很实用的JavaScript API,允许创建自定义的控件.两个标签的用法如下. HTML代码 view source print? 1.<!-- 视频标签 --> 2

HTML5实战与剖析之媒体元素(4、检测编解码器的支持和Audio构造函数)

HTML5媒体元素检测编解码器的支持情况 虽然媒体元素可以实现音频和视频功能,但是并不是所有浏览器都支持video标签和audio标签的所有编解码器,这意味着开发人员必须提供很多歌媒体来源.在JavaScript API中能够检测浏览器是否支持某种格式和编解码器.这两个媒体元素都有一个canPlayType()方法,该方法接收一种格式/编解码器字符串,返回"probably"."maybe"或者""(空字符串).空字符串是假值,而"pr

今天学习了无序列表和有序列表和使用HTML5创建表格

ol建立有序列表,该列表可以用设置type="A/a" 其语法架构为 <ol> <li></li> <li></li> </ol> Ul建立无序列表, 该列表可以用设置type=" disc/circle/square" 其语法架构为 <ul> <li></li> <li></li> </ul> 创建表格其基本属性有 Cel

HTML5实战与剖析之媒体元素(6、视频实例)

HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多.因为手机端基本上废除了flash的独断,让HTML5当家做主人,所以对视频支持的比较好.所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子,让大家更好的理解HTML5和有效的应用在项目中. HTML代码 <!-- src中放上本地的ogv的音频 --> <video id="v1" src="Intermission-Walk-in.ogv"></vid

HTML5新媒体元素

新媒体元素 audio 示例 //controls表示向用户显示控件<audio controls> <source src="house.mp3"></audio> 标签定义和说明 定义音频(声音) 支持三种文件格式:MP3.Wav.Ogg 浏览器 支持 IE MP3 谷歌 3 火狐 3 欧朋 3 提示和注释  可以在 和 之间放置文本内容,这些文本信息将会被显示在那些不支持 标签的浏览器中. 属性 属性 描述 autoplay 音频自动播放 co

HTML5 增强的页面元素

一.HTML5 改良的 input 元素的种类 1.<input type="number" id="num1"> var n1 = document.getElementById("num1").valueAsNumber; 七.HTML5 增强的页面元素 1.figure.figcaption <figure> 标签规定独立的流内容(图像.图表.照片.代码等等).figure 元素的内容应该与主内容相关,但如果被删除,