- HTML 支持有序、无序和定义列表
|
有序列表 |
无序列表 |
|
|
|
|
|
|
|
标签 |
说明 |
|
<ol> |
定义有序列表 |
|
<ul> |
定义无序列表 |
|
<li> |
定义列表项 |
|
<dl> |
定义列表 |
|
<dt> |
自定义列表项目 |
|
<dd> |
定义自定列表项的描述 |
无序列表
- 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
- 无序列表使用 <ul> 标签，每个列表项始于 <li> 标签。
实例
<!DOCTYPE html>
<html lang="en">
<head>
<title>网页的标题</title>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
</body>
</html>
浏览器显示如下：
- Coffee
- Milk
有序列表
- 同样，有序列表也是一列项目，列表项目使用数字进行标记。
- 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
- <ol> 标签有以下可选属性：
|
属性 |
值 |
描述 |
|
reversed |
reversed |
规定列表顺序为降序。(9,8,7...) |
|
start |
number |
规定有序列表的起始值。 |
|
type |
|
规定在列表中使用的标记类型。 |
- 列表项使用数字来标记。
实例
<!DOCTYPE html>
<html lang="en">
<head>
<title>网页的标题</title>
</head>
<body>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
</body>
</html>
浏览器中显示如下：
1. Coffee
2. Milk
自定义列表
- 自定义列表不仅仅是一列项目，而是项目及其注释的组合。
- 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
实例
<!DOCTYPE html>
<html lang="en">
<head>
<title>网页的标题</title>
</head>
<body>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>
浏览器显示如下：
Coffee
- black hot drink
Milk
- white cold drink