HTML中的列表和

<ul> <ol>

分别表示无序列表和有序列表，所谓的有序和无序指的是有没有对列表进行编号
，我们可以对列表进行一些操作，如 start = "***" type = "***" start 用于<ol>中可以填入的是开始的起始编号，如<ol start = "50"> 则下面的<li>的第一个就从50 开始； type可以用于<ul>和<ol> 用于无序列表时设置的是图形如小圆点、黑点、方块等
用于有序列表时设置的是编号的形式，如从A开始、a开始、i开始、I开始等。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>test</title>
    </head>
    <body >
        <p>列表学习</p>
        <h4> 无序列表 ul</h4>
        <h5> dic 黑点</h5>
        <ul type="dic">
            <li> one</li>
            <li> two</li>
            <li> three</li>
        </ul>
        <h5> circle 圆点</h5>
        <ul type="circle">
            <li> one</li>
            <li> two</li>
            <li> three</li>
        </ul>
        <h5>square 方块</h5>
        <ul type="square">
            <li> one</li>
            <li> two</li>
            <li> three</li>
        </ul>
        <h4> 有序列表</h4>
        <h5> start 起点(以30为起点)</h5>
        <ol start="30">
            <li> one</li>
            <li> two</li>
            <li> three</li>
        </ol>
        <h5> type 编号类型</h5>
        <h6> a类型</h6>
        <ol type="a">
            <li>one</li>
            <li>two</li>
            <li>three</li>
        </ol>
        <h6> A类型</h6>
        <ol type="A">
            <li> one</li>
            <li> two</li>
            <li> three</li>
        </ol>

    </body>
</html>

显示效果如下：
在这里插入图片描述

　久溺深海。

发布了21 篇原创文章 · 获赞 1 · 访问量 611

私信关注

HTML中的列表 和

猜你喜欢