在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>
运行效果图: