列表元素
有序列表
ol: ordered list(父元素)
li:list item(子元素)
type属性,取值1,按阿拉伯数字排列 取值i,按罗马数字排列 取值I,按大写罗马数字排列 取值a,按小写字母排列 取值A,按大写字母排列(不太建议用该属性,以后可用css控制页面样式)
补:alt+shift+下标 可以复制你选中的内容
reversed:布尔属性 跟页面显示无关,逻辑上表示倒着排序列表。
<!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>Document</title>
</head>
<body>
把大象装冰箱,总共分几步?
<ol type="">
<li>打开冰箱门</li>
<li>大象进去</li>
<li>冰箱门关上</li>
</ol>
</body>
</html>
无序列表(用的最多)
把ol改为ul
ul:unordered list
无序列表常用于制作菜单或新闻列表
<!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>Document</title>
</head>
<body>
美女择偶条件
<ul>
<li>有责任心</li>
<li>会做家务</li>
<li>孝顺</li>
<li>年薪100万</li>
</ul>
</body>
</html>
定义列表
通常用于一些术语的定义
dl:definition list
dt:definition title(术语的标题)
dd:definition description(术语的描述)
<!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>Document</title>
</head>
<body>
HTML中的术语解释:
<dl>
<dt>HTML</dt>
<dd>
超文本标记语言,XXXXXX
</dd>
<dt>元素</dt>
<dd>
组成HTML文档的单元,每个XXXXXXX
</dd>
</dl>
</body>
</html>