HTML学习03-列表

列表标签

1.无序列表

<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。

无序列表的基本语法格式如下：

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
	...
</ul>

2.有序列表

<ol>标签用于定义有序列表，列表排序以数字来显示，并且使用<li>标签来定义列表项。

有序列表的基本语法格式如下：

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
	...
</ol>

3.自定义列表

<dl>标签用于定义描述列表(或定义列表)，该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

自定义列表的基本语法格式如下：

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
    ...
    <dt>名词2</dt>
    <dd>名词2解释1</dd>
    <dd>名词2解释2</dd>
</dl>

4.列表总结

标签名	定义	说明
<ul></ul>	无序列表	里面只能包含<li>，没有顺序，使用较多。<li>里面可以包含任何标签
<ol></ol>	有序列表	里面只能包含<li>，有顺序，使用相对较少。<li>里面可以包含任何标签
<dl></dl>	自定义列表	里面只能包含<dt>和<dd>，<dt>和<dd>里面可以放任何标签