认识html-----无序列表练习3

无序列表练习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标签。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容