认识html-----无序列表练习3
2019-04-10 本文已影响0人
周行知
无序列表练习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标签。
