HTML brief list

1. unordered list

Use tags: <ul>, <li>

属性：disc，circle，square

2. ordered list

Use labels: <ol>, <li>

Attribute: A, a, I, i, start

3. nested list

Use tags: <ul>, <ol>, <li>

4. Custom List

Use labels: <dl>, <dt>, <dd>

<! - the labels demo ->


<! DOCTYPE HTML > 
< HTML lang = "EN" > 
< head > 
    < Meta charset = "UTF-. 8" > 
    < title > using a list </ title > 
</ head > 
< body > 
    < OL > 
        < Li > of a </ Li > 
        < Li > second </ Li > 
        < Li > third </li>
    </ol>
    <br/>

<!--“<br/>”:换行-->

    <ul>
        <li>第一</li>
        <li>第二</li>
        <li>第三</li>
    </ul>
    <br/>
    <ol type="a">
        <li>
            <ul type="diss">
                <li>第一</li>
                <li>第二</li>
                <Li > third </ Li > 
            </ UL > 
        </ Li > 
        < Li > second </ Li > 
        < Li > third </ Li > 
    </ OL > 
    < br /> 
    < OL type = "the I" > 

            < Li > first </ Li > 
            < Li > second </ Li > 
            < Li > third </ Li >

    </ OL > 
    < br /> 
    < OL Start = ". 3" > 
        < Li > first </ Li > 
        < Li > second </ Li > 
        < Li > third </ Li > 
    </ OL > 
    < br / > 
    < UL type = "DISS" > 
        < Li > first </ Li > 
        < Li > second </li>
        <li>第三</li>
    </ul>
    <br/>
    <ul type="square">
        <li>第一</li>
        <li>第二</li>
        <li>第三</li>
    </ul>
    <br/>
    <ul type="circle">

            <li>第一</li>
            <li>第二</li>
            <li>第三</li>

    </ul>
</body>
</html>

Guess you like