- 无序列表
<ul>标签表示HTML页面中项目的无序列表,在其中使用<li>标签定义列表项.
基本语法如下:
<ul>
<li>列表项一</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ul>
- 无序列表的各个列表项之间没有顺序级别之分,是并列的.
- <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或文字的做法是不被允许的.
- <li></li>中可以容纳任何元素.
- 无序列表带有自己的样式属性,但在实际使用中,我们会用CSS来设置.
- 有序列表
在HTML标签中,<ol>标签用于定义有序列表,列表排序以数字来显示,并且使用<li>标签来定义列表项.
有序列表基本语法如下:
<ol>
<li>列表项一</li>
<li>列表项2</li>
<li>列表项3</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>
默认样式如下
名词1
名词1解释1
名词1解释2
名词2
名词2解释1
名词2解释2
- <dl></dl>里边只能放<dt>和<dd>
- <dt>和<dd>个数没有限制,通常是一个<dt>对应多个<dd>.
