- 无序列表 ul li
- 有序列表 ol li
- 定义列表 dl dt dd
一：无序列表
- 无序列表<ul>,无序列表中的每一项是<li>
- ul的作用是增加无序列表的语义，并不是给文字增加小圆点
- 属性 type，有三个值：
- disc：实心圆点（默认）
- square：实心方点
- circle：空心圆
- ul 的儿子只能是 li
- 但是 li 是一个容器级标签，li 里面什么都能放，甚至可以再放一个 ul
<body>
<ul type="disc">
<li>实心圆点1</li>
<li>实心圆点2</li>
<li>实心圆点3</li>
</ul>
<ul type="square">
<li style="color: blue">实心方点1</li>
<li>实心方点2</li>
<li>实心方点3</li>
</ul>
<ul type="circle" style="color: red">
<li>空心圆点1</li>
<li>空心圆点2</li>
<li>空心圆点3</li>
</ul>
</body>
二：有序列表
- 有序列表<ol>,无序列表中的每一项是<li>
- 属性
- type
- 可以是：1(阿拉伯数字，默认), a, A, i, I
- start
<ol type="I" start="2">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
三：定义列表
- 定义列表<dl>
- <dt>
- <dd>
- dt 和 dd 只能在 dl中
<dl>
<dt>北京</dt>
<dd>国家首都</dd>
</dl>
<dl>
<dt>广州</dt>
<dd>珠江小蛮腰</dd>
</dl>
本文详细介绍了HTML中的三种列表标签：无序列表（ul）、有序列表（ol）和定义列表（dl）。涵盖了每种列表的使用场景、语法及属性，如type、start等，帮助读者掌握HTML列表的正确用法。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
