无序列表练习3
多级列表的练习
物品清单: 蔬菜类:白菜,萝卜,黄瓜 水果类:苹果 梨子 香蕉
技术要求:
无序列表中的li标签中除了可以添加其它标签来丰富我们的界面以外,还可以添加ul标签来丰富我的界面。也就是说ul中有li,li中又可以有ul.
编码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<ul>
<li>
<h2>蔬菜</h2>
<ul>
<li>白菜</li>
<li>萝卜</li>
<li>黄瓜</li>
</ul>
</li>
<li>
<h2>水果</h2>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
</li>
</ul>
</body
</html>
运行结果:
webstorm的工具快速写法
ul>li*3
含义:生成一对ul标签,再生成两对ul标签。