HTML-有序列表和无序列表

最新推荐文章于 2024-05-23 14:09:44 发布

中条山伯爵

最新推荐文章于 2024-05-23 14:09:44 发布

阅读量299

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_41724020/article/details/107460261

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

有序列表

ol标签（ordered list），type=“1/A/a/I”。
li标签（list item 表项）

无序列表

ul标签（unordered list），type=“disc/circle/square”。

代码如下

<!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>
    <!--有序列表-->
    <ol type="A">
        <li>中国
            <ol>
                <li>安徽</li>
                <li>上海</li>
                <li>北京</li>
            </ol>
        </li>
        <li>美国
            <ol>
                <li>洛杉矶</li>
                <li>圣安东尼奥</li>
                <li>休斯顿</li>
            </ol>
        </li>
        <li>澳大利亚</li>
    </ol>

    <!--无序列表-->
    <ul type="disc">
        <li>水果
            <ul type="circle">
                <li>西瓜</li>
                <li>苹果</li>
                <li>香蕉</li>
            </ul>
        </li>
        <li>蔬菜
            <ul type="square">
                <li>茄子</li>
                <li>豆角</li>
                <li>香菇</li>
            </ul>
        </li>
    </ul>
</body>
</html>

效果
在这里插入图片描述

中条山伯爵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML-有序列表和无序列表

有序列表ol标签（ordered list），type=“1/A/a/I”。li标签（list item 表项）无序列表ul标签（unordered list），type=“disc/circle/square”。代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
复制链接

扫一扫