列表是 HTML 中用于显示项目序列的元素。有无序列表和有序列表两种类型,分别以圆点或数字/字母作为标记。语法为 <ul> 和 <ol>,可通过属性指定列表类型、起始值等。列表可嵌套,在列表项中创建子列表。

HTML 中列表的用法
什么是列表?
列表是 HTML 中用于显示一系列相关或排序项目的元素。
类型
立即学习“前端免费学习笔记(深入)”;
HTML 中有两种类型的列表:
语法
列表的语法如下:
<code class="html"><ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul></code>
属性
嵌套列表
列表可以嵌套,即在列表项中创建子列表:
<code class="html"><ul>
<li>项目 1
<ul>
<li>子项目 1</li>
<li>子项目 2</li>
</ul>
</li>
<li>项目 2</li>
</ul></code>实例
无序列表:
<code class="html"><ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul></code>
有序列表:
<code class="html"><ol> <li>星期一</li> <li>星期二</li> <li>星期三</li> </ol></code>
嵌套列表:
<code class="html"><ul>
<li>动物
<ul>
<li>狗</li>
<li>猫</li>
</ul>
</li>
<li>水果</li>
</ul></code>以上就是html中list的用法的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号