网页与HTML学习笔记005 | 列表标签

学习来源：B站黑马pink老师 

列表标签

表格用于显示数据，而列表用于布局（具体布局在CSS中进行学习）。列表分为无序列表、有序列表、自定义列表。

一、无序列表

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

#无序列表基本语法格式

<ul>

        <li>列表项1</li>  #没有顺序级别之分

        <li>列表项2</li>

        ......

</ul>

1、<ul></ul>中只能嵌套<li>标签，输入其他标签或文字是不允许的；

2、<li></li>相当于容器，可以容纳所有元素；

3、无序列表会带有自己的样式属性，但实际上多用CSS来设置。

二、有序列表

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

#有序列表基本语法格式

<ol>

        <li>列表项1</li>

        <li>列表项2</li>

        ......

</ol>

1、<ol></ol>中只能嵌套<li>标签，输入其他标签或文字是不允许的；

2、<li></li>相当于容器，可以容纳所有元素；

3、有序列表会带有自己的样式属性，但实际上多用CSS来设置。

三、自定义列表

常用于对术语名词进行解释或阐述，定义列表的列表项前没有任何项目符号。常用使用场景：

 #自定义列表语法格式

<dl>

        <dt>名词</dt>

        <dd>名词解释1</dd>

        <dd>名词解释2</dd>

        ......

</dl>

1、<dl></dl>里面只能包含<dt>和<dd>;

2、<dt>和<dd>个数无限制，通常为一个dt对应多个dd。