《HTML标签》〈ul〉〈ol〉〈li〉的使用

最新推荐文章于 2025-03-22 17:03:48 发布

Mary_

最新推荐文章于 2025-03-22 17:03:48 发布

阅读量4.9w

点赞数 18

分类专栏： HTML总结

本文链接：https://blog.csdn.net/weixin_37579087/article/details/60470948

版权

1 篇文章

订阅专栏

本文详细介绍了HTML中的列表标签，包括<ol>有序列表和<ul>无序列表的使用方法及其属性，如start、type等，并提供了具体的示例代码。

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

<li> 标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

<ol>标记：

    称为有序列表，编号列表标记。其功能是将文字段落向内缩进，并在段落的每个项目前面加上1，2，3	有顺序的数字。<ol>标记必须搭配<li>标记使用。

例子如下：
<!DOCTYPE html>
<html>

<body>：

<ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>


<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
 
</body>
</html>

显示：
  
  咖啡
牛奶
茶
  
  咖啡
牛奶
茶

<ol>标记的属性

属性	值	描述
compact	compact	HTML5 中不支持。HTML 4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。
reversed	reversed	规定列表顺序为降序。(9,8,7...)
start	number	规定有序列表的起始值。
type	1 A a I i	规定在列表中使用的标记类型。

<ul>标记：