列表最大的特点就是整齐 、整洁、 有序,跟表格类似,但是它可组合自由度会更高。
无序列表
<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
<li>与</li>之间相当于一个容器,可以容纳所有元素。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
有序列表
<ol>标签中的type属性值为排序的序列号,不添加type属性时,有序列表默认从数字1开始排序。
常用的type属性值分别为是1,a,A,i,I
<ol reversed="reversed">中的reversed属性能够让有序列表中的序列倒序排列。
<ol start="3">中的start属性值为3,有序列表中的第一个序列号将从3开始排列。
<ol type="A">
<li>列表项1</li>
<li>列表二</li>
<li>列表三</li>
</ol>
自定义列表
定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
本文详细介绍了HTML中的列表元素,包括无序列表<ul>、有序列表<ol>及其属性,以及定义列表<dl>的使用方法。无序列表以圆点显示,有序列表可设置不同类型的序列号,自定义列表常用于术语解释。通过这些元素,开发者可以创建整齐、有序的内容展示。
26万+

被折叠的 条评论
为什么被折叠?



