html 列表标签

一、无序列表

1. type 属性

disc: 默认，实心圆点

square: 实心方块

circle: 空心的圆

2. 示例

<h1>西遊記 </h1>
<ul type="disc">
    <li>孫悟空</li>
    <li>豬八戒</li>
    <li>唐僧</li>
    <li>沙僧</li>
    <li>白龍馬</li>
</ul>

3. 去掉符号

ul {
    list-style: none;
}

注意: 列表可以互相嵌套，浏览器不同符号不同，一般使用图片的方式设置

二、有序列表（使用ol代替ul）

1. type 属性

1: 阿拉伯数字

a/A: 大写或小写

i/I: 罗马数字

2. 示例

<h1>西遊記 </h1>
<ol type="1">
    <li>孫悟空</li>
    <li>豬八戒</li>
    <li>唐僧</li>
    <li>沙僧</li>
    <li>白龍馬</li>
</ol>

注意: 列表可以互相嵌套

三、创建列表

定义列表来用对一些词汇或内容进行定义，使用dl来创建一个列表

示例：

<dl>
    <dt>孙悟空</dt>
    <dd>大闹天空，战斗力99</dd>
    <dd>后陪唐僧西天取经</dd>
	
    <dt>猪八戒</dt>
    <dd>天蓬元帅，战斗力49</dd>
</dl>