列表是 html 中用于显示项目序列的元素。有无序列表和有序列表两种类型,分别以圆点或数字/字母作为标记。语法为
和
,可通过属性指定列表类型、起始值等。列表可嵌套,在列表项中创建子列表。
HTML 中列表的用法
什么是列表?
列表是 HTML 中用于显示一系列相关或排序项目的元素。
类型
HTML 中有两种类型的列表:
-
无序列表 (
- ):
-
有序列表 (
- ):
语法
列表的语法如下:
<code class="html"><ul>
<li>项目 1</li>
<li>项目 2</li>
<li>项目 3</li>
</ul></code>
属性
- type: 指定列表类型,可以是 "disc"(圆点)、"circle"(圆形)或 "square"(正方形)等。
- start: 指定有序列表的起始值。
嵌套列表
列表可以嵌套,即在列表项中创建子列表:
<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的用法的详细内容,更多请关注编程网其它相关文章!