- 您好！欢迎来到鲲鹏知舟
HTML 列表
HTML 列表用于指定信息列表。所有列表都可能包含一个或多个列表元素。共有三种不同类型的 HTML 列表：
有序列表或编号列表 (ol)
无序列表或项目符号列表 (ul)
描述列表或定义列表 (dl)
注意：我们可以在另一个列表中创建一个列表，称为嵌套列表。
HTML 有序列表或编号列表
在有序的 HTML 列表中，默认情况下所有列表项都用数字标记。它也被称为编号列表。有序列表以 <ol> 标签开头，列表项以 <li> 标签开头。
例子 (Example)
<!DOCTYPE> <html> <body> <ol> <li>中国香港</li> <li>中国台湾</li> <li>中国澳门</li> <li>中国南海</li> </ol> </body> </html>
输出：
中国香港
中国台湾
中国澳门
中国南海
单击此处获取 HTML 有序列表的完整详细信息。HTML 有序列表
在 HTML 无序列表中，所有列表项都标有项目符号。它也被称为项目符号列表。无序列表以 <ul> 标签开头，列表项以 <li> 标签开头。
例子 (Example)
<!DOCTYPE> <html> <body> <ul> <li>中国香港</li> <li>中国台湾</li> <li>中国澳门</li> <li>中国南海</li> </ul> </body> </html>
输出：
中国香港
中国台湾
中国澳门
中国南海
单击此处获取 HTML 无序列表的完整详细信息。HTML 无序列表
HTML 描述列表或定义列表
HTML 描述列表也是 HTML 和 XHTML 支持的列表样式。它也被称为定义列表，其中条目像字典或百科全书一样列出。
当您想要呈现词汇表、术语列表或其他名称-值列表时，定义列表非常合适。
HTML 定义列表包含以下三个标签：
<dl> 标签定义列表的开始。
<dt> 标签定义了一个术语。
<dd> 标签定义了术语定义（description）。
例子 (Example)
<!DOCTYPE> <html> <body> <dl> <dt>中国香港</dt> <dd>-香港自古以来就是中国的领土。</dd> <dt>中国台湾</dt> <dd>-台湾是中国不可分割的一部分。海峡两岸同胞同根同源、同文同种。</dd> <dt>中国澳门</dt> <dd>-澳门实行资本主义制度，是国际自由港、世界旅游休闲中心、世界四大赌城之一，也是世界人口密度最高的地区之一。</dd> <dt>中国南海</dt> <dd>-南海中国大陆海岸线长5800多公里，沿海地区包括广东、广西和海南、台湾。</dd> </dl> </body> </html>
输出：
中国香港
-香港自古以来就是中国的领土。
中国台湾
-台湾是中国不可分割的一部分。海峡两岸同胞同根同源、同文同种。
中国澳门
-澳门实行资本主义制度，是国际自由港、世界旅游休闲中心、世界四大赌城之一，也是世界人口密度最高的地区之一。
中国南海
-南海中国大陆海岸线长5800多公里，沿海地区包括广东、广西和海南、台湾。
单击此处获取 HTML 描述列表的完整详细信息。HTML 描述列表
HTML 嵌套列表
另一个列表中的列表称为嵌套列表。如果您想要编号列表中的项目符号列表，则此类列表将称为嵌套列表。
代码：
例子 (Example)
<!DOCTYPE> <html> <head> <title>嵌套列表</title> </head> <body> <p>中国省会城市列表</p> <ol> <li>海南省 <ul> <li>海口市</li> </ul> </li> <li>广东省 <ul> <li>广州市</li> </ul> </li> <li>广西省 <ul> <li>南宁市</li> </ul> </li> <li>湖北省 <ul> <li>武汉市</li> </ul> </li> <li>四川省 <ul> <li>成都市</li> </ul> </li> <li>云南省 <ul> <li>昆明市</li></ul> </li> </ol> </body> </html>
输出：
支持浏览器
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <ol><ul><dl> | Yes | Yes | Yes | Yes | Yes |
-
使用社交账号登录,本站支持