列表相关
列表相关
在HTML中，列表（List）是一种常见的元素类型，用于显示一组相关的项目或信息。HTML中提供了两种主要的列表类型：有序列表（Ordered List）和无序列表（Unordered List）。
有序列表使用<ol>标签来定义，每个列表项使用<li>标签来定义。有序列表中的每个列表项前面都会显示一个数字或字母，用于表示项目的顺序或编号。
有序列表
有序列表示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>有序列表</title>
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ol>
</body>
</html>
type属性
type属性取值
| 属性值 | 列表项符号 |
|---|---|
| 1 | 阿拉伯数字 |
| a | 小写英文字母 |
| A | 大写英文字母 |
| i | 小写罗马数字 |
| I | 大写罗马数字 |
type取值示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>type属性 </title>
</head>
<body>
<ol type="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ol>
</body>
</html>
无序列表
无序列表示例
<html>
<head>
<meta charset="utf-8" />
<title>无序列表</title>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ul>
</body>
</html>