在HTML中使用ul(无序列表)、ol(有序列表)和dl(自定义列表)。下面通过实例来学习HTML的列表。
| 标签 | 描述 |
|---|---|
| <ol> | 定义有序列表。 |
| <ul> | 定义无序列表。 |
| <li> | 定义列表项。 |
| <dl> | 定义定义列表。 |
| <dt> | 定义定义项目。 |
| <dd> | 定义定义的描述。 |
| <dir> | 已废弃。使用 <ul> 代替它。 |
| <menu> | 已废弃。使用 <ul> 代替它。 |
<ol>元素的属性
| 属性 | 值 | 描述 |
|---|---|---|
| compact | compact | 不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。 |
| start | number | 不赞成使用。请使用样式取代它。 规定列表中的起始点。 |
| type |
| 规定列表的类型。不赞成使用。请使用样式代替。 |
无序列表,实例如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>HTML表格</title>
</head>
<body>
<ul>
<li>java</li>
<li>c++</li>
<li>c#</li>
</ul>
</body>
</html>运行效果:

有序列表:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>HTML表格</title>
</head>
<body>
<ol>
<li>java</li>
<li>c++</li>
<li>c+</li>
</ol>
</body>
</html>运行效果:

自定义列表:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>HTML表格</title>
</head>
<body>
<dl>
<dt>服务端编程语言</dt>
<dd>Java</dd>
<dd>C/C++</dd>
<dd>C#</dd>
<dt>前端编程语言</dt>
<dd>HTML</dd>
<dd>CSS</dd>
<dd>JavaScript</dd>
</dl>
</body>
</html>运行效果图:
