無(wú)序列表練習(xí)3
多級(jí)列表的練習(xí)
物品清單： 蔬菜類(lèi)：白菜，蘿卜，黃瓜? ?水果類(lèi)：蘋(píng)果? 梨子 香蕉
技術(shù)要求：
無(wú)序列表中的li標(biāo)簽中除了可以添加其它標(biāo)簽來(lái)豐富我們的界面以外，還可以添加ul標(biāo)簽來(lái)豐富我的界面。也就是說(shuō)ul中有l(wèi)i,li中又可以有ul.
編碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)序列表</title>
</head>
<body>
<ul>
<li>
<h2>蔬菜</h2>
<ul>
<li>白菜</li>
<li>蘿卜</li>
<li>黃瓜</li>
</ul>
</li>
<li>
<h2>水果</h2>
<ul>
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
</li>
</ul>
</body
</html>
運(yùn)行結(jié)果：
webstorm的工具快速寫(xiě)法
ul>li*3
含義：生成一對(duì)ul標(biāo)簽，再生成兩對(duì)ul標(biāo)簽。
