列表分类:有序列表、无序列表、自定义列表
(1)有序列表:ul标签中嵌套li标签,li标签中放想要放的数据。前面的符号是黑色小圆点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ul>
<li>古剑奇谭1</li>
<li>古剑奇谭2</li>
<li>古剑奇谭3</li>
</ul>
</body>
</html>
image.png
(2)无序列表:ol标签中嵌套li标签,li标签中放想要放的数据。前面的符号是数字符号
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ol>
<li>仙剑1</li>
<li>仙剑3</li>
<li>仙剑5</li>
</ol>
</body>
</html>
image.png
(3)自定义列表:dl标签中包裹dt和dd,dt当中放列表头,dd当中放想要放的数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<dl>
<dt>游戏名称</dt>
<dd>GTA5</dd>
<dd>荒野大镖客</dd>
<dd>星露谷物语</dd>
<dt>价格</dt>
<dd>60</dd>
<dd>120</dd>
<dd>30</dd>
</dl>
</body>
</html>
image.png
网友评论