html的无序列表个人总结

最新推荐文章于 2022-11-07 08:00:00 发布

虾兵虾酱

最新推荐文章于 2022-11-07 08:00:00 发布

阅读量243

点赞数

文章标签： html

本文链接：https://blog.csdn.net/xiaobai_nixi/article/details/107776465

版权

无序列表：ul: unordered list
li: list item
所谓的无序列表，我小白认为只是前面没有序号来分别先后顺序
默认使用实心圆作为符号标记

<!DOCTYPE htm>
<html>
    <head>
            <title>双击666</title>
            <meta charset="utf-8">
    </head>
    <body>
        <ul>
            <li>世界第一</li>
            
        </ul>
    </body>
</html>

在这里插入图片描述
另外可以在ul前加入type属性，更改列表前的符号标记。
type属性：disc(实心圆)、circle（空心圆）、square（正方形）、none(不显示符号）
经过测试：none没作用，列表前的符号标记还是实心圆
软件：VScode

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 
    <h3>学生名单</h3>
    <ul type="none">
        <li>张三</li>
        <li>李四</li>
        <li>小明</li>
    </ul>
</body>
</html>

VScode运行失败，无法消除列表前的标记
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020080400035866.jpg?x-oss-process=imae/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG 9nLmNzZG4ubmV0L3hpYW9iYWlfbml4aQ==,size_16,color_FFFFFF,t_70)
大家有什么解决办法，评论区见吧

虾兵虾酱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html的无序列表个人总结

无序列表：ul: unordered listli: list item所谓的无序列表，我小白认为只是前面没有序号来分别先后顺序默认使用实心圆作为符号标记<!DOCTYPE htm><html> <head> <title>双击666</title> <meta charset="utf-8"> </head> <body>
复制链接

扫一扫