HTML5 列表表格媒体元素

Posted expedition

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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> 内联框架

技术图片

 

技术图片

 

以上是关于HTML5 列表表格媒体元素的主要内容,如果未能解决你的问题,请参考以下文章

列表,表格,与媒体元素

列表 表格媒体和元素

列表,表格与媒体元素

列表表格及媒体元素

列表 ,表格与媒体元素基础

列表表格以及媒体元素