列表(list)
1:有序列表 用ol标签创建,li表示列表项
2:无序列表 用ul标签创建,li表示列表项
3:定义列表 用dl标签创建,使用dd对内容进行解释说明
注意:列表之间是可以互相嵌套的
一:有序列表——使用有序的序号作为项目符号
type属性,可以指定序号的类型
可选值:默认值,使用阿拉伯数字
a/A 采用小写或大写字母作为序号
i/I 采用小写或大写的罗马数字作为序号
ol是块元素
二:无序列表
通过type属性可以修改无序列表的项目符号
可选值:
disc,默认值,实心的圆点
square,实心的方块
circle,空心的圆
注意:默认的项目符号我们一般都不使用!!
如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置
ul和li是块元素
三:定义列表——用来对一些词汇或内容进行定义
使用dl来创建一个定义列表
dl中有两个子标签
dt : 被定义的内容
dd : 对定义内容的描述
dl和ul和ol之间都可以互相嵌套
注意:一般网页中使用列表来设计内容重复且需要排列的模块
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<ul type="square">
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ul>
<ol type='I'>
<li>喝酒</li>
<li>烫头</li>
<li>开车</li>
</ol>
<dl>
<!-- 下定义 -->
<dt>结构</dt>
<!-- 具体内容 -->
<dd>表示网页的结构</dd>
<dt>表现</dt>
<dd>对页面进行修饰</dd>
</dl>
</body>
</html>