HTML5-列表，表格与媒体元素

人性背后-白云苍狗

已于 2022-03-13 17:18:13 修改

阅读量367

点赞数

文章标签：媒体 html5

于 2022-03-13 17:13:18 首次发布

本文链接：https://blog.youkuaiyun.com/MUYUFANSHENXUE/article/details/123461399

版权

本文介绍了HTML5中的列表类型，包括无序列表、有序列表和定义列表，详细解析了它们的特性和应用场景。接着探讨了表格的使用，包括跨行和跨列的方法，以及常见的表格属性。此外，还讲解了HTML5的媒体元素，如video和audio标签的属性。最后，讨论了页面结构中的<iframe>内联框架及其应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

列表就是信息资源的一种展示形式。

它可以使信息结构化和条理化，并以列表的样式显示出来，

以便浏览者能更快捷地获得相应的信息

无序列表

有序列表

定义列表

<ul>
      <li>今天早上吃什么</li>
      <li>今天中午吃什么</li>
      <li>今天下午吃什么</li>
      <li>今天晚上吃什么</li>
 </ul>

效果图如下：

没有顺序，每个<li>标签独占一行（块元素）

默认<li>标签项前面有个实心小圆点

一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等

<ul type = "square">```</ul>
<!--
disc	默认值。实心圆。
circle	空心圆。
square	实心方块。
-->

效果如下：

可以看到前面的小圆点变成了小方块。

<ol>
      <li>今天早上吃什么</li>
      <li>今天中午吃什么</li>
      <li>今天下午吃什么</li>
      <li>今天晚上吃什么</li>
 </ul>

效果图如下：

有顺序，每个<li>标签独占一行（块元素）

默认<li>标签项前面有顺序标记

一般用于排序类型的列表，如试卷、问卷选项等

<ol type="1"> 1,a,A,i,I（大小写字母