html基础用法③——列表标签

列表标签在通常有三种：无序列表/有序列表/定义列表
列表标签是在网页中最常用的标签之一

在网页中(打开F12)

都用的是列表标签。

首先，介绍的是无序列表。
无序列表在每个项目前面都有一个标记，默认是原点。

列表结构中的每一个内容他没有固定的顺序。

无序列表用ul标签来表示

<ul>    <li>张三</li>    <li>李四</li>    <li>王五</li></ul>

显示结果如下：

• 张三
• 李四
• 王五

刚才说到，无序列表在每一个项目前面都是一个小圆点，不过，这不是绝对的，我们可以通过type属性进行修改：
disc 圆
square 正方形
circle 空心圆

• 张三
• 李四
• 王五

<ul>    <li type="disc">张三</li>    <li type="square">李四</li>    <li type="circle">王五</li></ul>

---

有序列表
有序列表在每个项目前面是有顺序有编号的，如图：

有序列表在每个项目前也是有标记的，只不过这里用的是数字进行标记。

1. 张三
2. 李四
3. 王五

<ol>    <li>张三</li>    <li>李四</li>    <li>王五</li></ol>

如同无序列表，有序列表也可以改变前面的符号：

1. 张三
2. 李四
3. 王五

<ol type ="A">    <li>张三</li>    <li>李四</li>    <li>王五</li></ol>

1. 张三
2. 李四
3. 王五

<ol type ="I">    <li>张三</li>    <li>李四</li>    <li>王五</li></ol>

type 值
A 大写字母
a 小写字母
I 大写罗马数字
i 小写罗马数字
1 数字1、2、3

---

定义列表
定义列表通常不是一个项目组，而是多个项目组的合并。

定义列表项

列表项描述

列表项描述

定义列表项

列表项描述

列表项描述

<dl>    <dt>定义列表项</dt>    <dd>列表项描述</dd>    <dd>列表项描述</dd>    <dt>定义列表项</dt>    <dd>列表项描述</dd>    <dd>列表项描述</dd></dl>