列表是用来布局的,列表最大的特点就是整齐,有序,它作为布局会更加方便简洁。主要分为三大类,无序列表,有序列表和自定义列表。
无序列表<ul>:
<ul>标签表示HTML页面项目中的无序列表,一般会以项目符号呈现列表项,<li>标签则用于表示无序列表的列表项。例如:
![](https://img-blog.csdnimg.cn/img_convert/6b94fddc304677d9dd93912afcf5a35a.png)
![](https://img-blog.csdnimg.cn/img_convert/f092c7fe30dddc2f65d169e88b60f3c8.png)
另外无序列表在各个列表项之间没有顺序级别之分,是并列的,而且<li>标签可以放任何元素
有序列表<ol>:有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。<ol>也是用<li>标签定义列表项的哦
例如:
![](https://img-blog.csdnimg.cn/img_convert/dd00e925eb6f870caf3d0ea1cdc78703.png)
![](https://img-blog.csdnimg.cn/img_convert/6c7e01b9f5b2dd8b32ebe807a06b013d.png)
最后且需要注意的一点是<ul>标签和<ol>标签里面都只能嵌套<li>标签,切记切记呀。
有序列表会带有自己样式属性,实际开发时会使用CSS来设置。
自定义列表<dl>:常用于对术语或名词进行解释和描述,自定义列表的列表项没有任何项目符号。
在HTML标签中,<dl>标签用于定义描述列表,该标签会与<dt>(定义项目/名称)和<dd>(描述每个项目/名称)一起使用。
例如:
![](https://img-blog.csdnimg.cn/img_convert/491fd42bbe963f0d773ebb5f14abebcc.png)
![](https://img-blog.csdnimg.cn/img_convert/8e4468274303f568ee52930ddbdb1595.png)