HTML标签-列表标签
阅读 (305)
分享
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表。列表最大的特点就是整齐 、整洁、 有序。
一、无序列表 ul(重点)
-
简写
unorder,无序列表
无序列表的各个列表项之间没有顺序级别之分,是并列存在的。
-
语法
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
- 示例
-
特别注意
(1)
- ,直接在
(2)
相当于一个容器,可包含任何标签
(3)无序列表有自己特殊的样式,一般由CSS来修改
二、有序列表 ol(了解)
-
简写
order list 有序列表,即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义。
-
语法
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>
-
示例
-
知识扩展
有序列表的属性
(1)type:规定列表中的列表项目的项目符号的类型
1 数字顺序的有序列表(默认值)(1, 2, 3, 4)
a 字母顺序的有序列表,小写(a, b, c, d)
A 字母顺序的有序列表,大写(A,B,C,D)
i 罗马数字,小写(i, ii, iii, iv)
I 罗马数字,大写(I, II, III, IV)
(2)start 属性规定有序列表的开始点
ol 所有特性基本与ul 一致,但是实际工作中, 我们更多使用ul,较少用 ol。
三、自定义列表 dl(理解)
-
简写
define list ,定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
-
语法
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>
-
示例
需要
登录
才可以提问哦
: