HTML列表标签

前言：表格是用来是用来展示数据的，那么列表就是用来布局的。

列表特点：整齐，整齐，有序，用它布局会更加自由方便。

---

目录

一，无序列表（重点）

type属性值

无序列表效果展示

 无序列表注意事项

二，有序列表（了解）

ol的常用属性

有序列表效果展示

三，自定义列表（重点）

自定义列表效果展示

 注意事项：

---

---

一，无序列表（重点）

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

语法：

<ul type="" >
   <li>列表项1</li>
   <li>列表项2</li>
   <li>列表项3</li>
</ul>

type属性值

             :用于修改项目符号 系统默认实心圆

属性值	说明
circle	项目符号改为空心圆
square	实心方形
none	删除项目符号

无序列表效果展示

 无序列表注意事项

1. 无序列表的各个列表之间没有顺序等级之为并列关系
2. <ul>中只能嵌套<li>在<ul>标签中输入其他标签是不被允许的（li中可以）
3. 无序列表会带有自己的样式属性，使在实际使用时我们会通过css设置

---

二，有序列表（了解）

有序列表及有排列顺序的列表，麒哥哥列表会有一定的顺序排列

在HTML中用<ol>标签用于定义有序列表，列表排序以数字显示，并用<li>标签定义列表项

语法：

<ol type="" start="" reversed>
   <li>项目1</li>
   <li>项目2</li>
   <li>项目3</li>
   <li>项目4</li>
</ol>

ol的常用属性

属性	属性值	说明
type	A，a，1，I  等	规定排列字符样式(默认小写数字)
start	整数	规定起始字符
reversed		规定降序排列

有序列表效果展示

 注意事项与无序列表相同

---

三，自定义列表（重点）

自定义列表常用于对术语或名词进行解释或描述

像这样：

 在HTML中<dl>标签用于定义自定义标签该标签会与<dt>(定义项目名字)和<dd>（描述项目）

像这样：

 语法：

<dl>
   <dt>购物指南</dt>
   <dd>购物流程</dd>
   <dd>会员介绍</dd>
</dl>

自定义列表效果展示

 注意事项：

1. <dl>里面只能包含<dt>和<dd>
2. <dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>
3. <dt>和<dd>中可以放任何元素