爬虫_025_HTML列表
2023-02-07 本文已影响0人
为宇绸缪
列表分类：有序列表、无序列表、自定义列表
（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
