1.无序列表ul
定义列表元素
<ul>//定义无序列表
<li>HTML5</li>//列表元素
</ul>
运行结果:
2.有序列表ol
reversed | 降序显示 |
start | 有序列表的起始值 |
type | 定义标记类型:1、A、a、I、i |
属性:reversed只影响标记不影响内容顺序。
<ol>
<li>HTML5</li>
</ol>
<ol type="I" reversed>
<li>HTML5</li>
<li>HTML5</li>
<li>HTML5</li>
</ol>
运行结果
3.嵌套列表
ul和ol可以互相嵌套!
<ul class="c" type="I" reversed>
<li>HTML5</li>
<li>HTML5</li>
<li>HTML5</li>
<ol>
<li>sHTML5</li>
<li>sHTML5</li>
<li>s TML5</li>
</ol>
</ul>
运行结果
4.定义列表dl
dl标签:定义一个自定列表。
dt标签:表示每个项目的内容。
dd标签:表示项目的描述。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>赛博鸡腿</title>
</head>
<body>
<dl>
<dt>hello</dt>
<dd>ok1</dd>
<dt>hello2</dt>
<dd>ok2</dd>
</dl>
</body>
</html>
运行结果