html中的列表标签 - ul、ol、dl

<p><b>无序标签:ul</b></p>
    <hr size="3" color="red">

    <!-- 列表标签1:ul 无序标签,子元素只能放li -->
    <!-- type条目前标记类型:disc(实心圆点,默认)、square(实心方点)、circle(空心圆);ul、li都可以设置 -->
    <ul type="square" list-style-position:inside>
        <li>无序列表标签ul,条目1</li>
        <li type="circle">无序列表标签ul,条目2</li>
        <li>无序列表标签ul,条目3</li>
        <li>无序列表标签ul,条目4</li>
    </ul>
    <!-- 列表间是可以嵌套的 -->
    <ul>
        <li><b>列表嵌套<br>北京市</b>
            <ul>
                <li>3月6日新增2例</li>
                <li>3月7日新增0例</li>
                <li>3月8日新增1例</li>
            </ul>
        </li>
        <li><b>上海市</b>
            <ul>
                <li>3月6日新增0例</li>
                <li>3月7日新增0例</li>
                <li>3月8日新增0例</li>
            </ul>
        </li>
    </ul>

    <p><b>有序标签:ol</b></p>
    <hr size="3" color="red">

    <!-- 列表标签2:ol 有序标签,子元素只能放li -->
    <!-- type="属性值" 可以是:1(默认)、a、A、i、I ,代表开始标记-->
    <ol type="a">
        <li>有序列表标签ol,条目1</li>
        <li>有序列表标签ol,条目2</li>
        <li>有序列表标签ol,条目3</li>
    </ol>
    <!-- 有序列表和无序列表一样,也可以嵌套 -->

    <p><b>定义标签:dl</b></p>
    <hr size="3" color="red">

    <!-- 列表标签3:dl  定义列表,子元素只能放dt(列表标题)、dd(列表项) -->
    <dl>
        <dt>我是定义列表标签dl1</dt>
        <dd>我是定义列表标签列表项1</dd>
        <dd>我是定义列表标签列表项2</dd>
        <dd>我是定义列表标签列表项3</dd>

        <dt>我是定义列表标签dl2</dt>
        <dd>我是定义列表标签列表项1</dd>
        <dd>我是定义列表标签列表项2</dd>
        <dd>我是定义列表标签列表项3</dd>
    </dl>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值