HTML列表

最新推荐文章于 2024-07-10 10:31:45 发布

不如不说不快乐

最新推荐文章于 2024-07-10 10:31:45 发布

阅读量513

点赞数

分类专栏： web开发文章标签：序列

web开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

列表常用标签
这里写图片描述

列表常用标签及其属性
这里写图片描述

无序列表属性
对于无序列表，disc是默认的效果，即显示实体圆。
circle是显示空心圆，square是显示方块实体。
也可以用CSS样式引入一些自定义的图形。

有序列表属性
A对应的顺序是A、B、C、D…
a对应的顺序是a、b、c、d…
I对应的是大写的阿拉伯计数
i对应的是小写的阿拉伯计数
start属性可以定义顺序从某个数字开始

代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <ul type="disc">
        <li>ios</li>
        <li>android</li>
        <li>html5</li>
    </ul>
    <ol type="i">
        <li>ios</li>
        <li>android</li>
        <li>html5</li>
    </ol>
    <ol start="10">
        <li>ios</li>
        <li>android</li>
        <li>html5</li>
    </ol>
<!--无序嵌套列表-->
    <ul>
        <li>动物</li>
        <ul>
            <li>猫</li>
            <li>狗</li>
        </ul>
        <li>人类</li>
        <ul>
            <li>中国人</li>
            <li>英国人</li>
        </ul>
        <li>植物</li>
    </ul>
   <!--有序嵌套列表-->
    <ol>
        <li>动物</li>
        <ul>
            <li>猫</li>
            <li>狗</li>
        </ul>
        <li>人类</li>
        <ul>
            <li>中国人</li>
            <li>英国人</li>
        </ul>
        <li>植物</li>
    </ol>

    <dl>
        <dt>helloworld</dt>
            <dd>每一门新的语言都会打印HelloWorld</dd>
        <dt>helloworld</dt>
            <dd>每一门新的语言都会打印HelloWorld</dd>
    </dl>
</body>
</html>