16-无序列表练习3

最新推荐文章于 2022-08-13 12:57:45 发布

majiamin123

最新推荐文章于 2022-08-13 12:57:45 发布

阅读量450

点赞数

分类专栏： Html基础文章标签： html无序列表 html无序列表练习

本文链接：https://blog.csdn.net/majiamin123/article/details/100812476

版权

Html基础专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>16-无序列表练习3</title>
</head>
<body>
<h1>物品清单</h1>
<ul>
    <li>蔬菜
        <ul type="circle">
            <li>白菜</li>
            <li>萝卜</li>
            <li>黄瓜</li>
        </ul>
    </li>
    <li>水果
        <ul type="circle">
            <li>苹果</li>
            <li>桃子</li>
            <li>香蕉</li>
        </ul>
    </li>
</ul>
</body>
</html>

运行结果截图：

在这里插入图片描述

无序列表中的li标签中除了可以添加其他标签来丰富我们的界面以外，还可以添加ul标签来丰富我的界面
也就是说ul中有li，li中又可以有ul

在webstorm中如何快速编写一个ul的格式：

ul>li

含义：生成一对ul标签，然后在这对ul标签中再生成一对li标签

ul>li*3

含义：生成一对ul标签，然后在这对ul标签中再生成3对li标签

majiamin123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
16-无序列表练习3

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>16-无序列表练习3</title></head><body><h1>物品清单</h1><ul> ...
复制链接

扫一扫