HTML列表简单介绍

1.无序列表

使用标签：<ul>,<li>

属性：disc，circle，square

2.有序列表

使用标签：<ol>，<li>

属性：A，a，I，i，start

3.嵌套列表

使用标签：<ul>，<ol>，<li>

4.自定义列表

使用标签：<dl>，<dt>，<dd>



<!--各个标签使用演示-->



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表的使用</title>
</head>
<body>
    <ol>
        <li>第一</li>
        <li>第二</li>
        <li>第三</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>第三</li>
            </ul>
        </li>
        <li>第二</li>
        <li>第三</li>
    </ol>
    <br/>
    <ol type="I">

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

    </ol>
    <br/>
    <ol start="3">
        <li>第一</li>
        <li>第二</li>
        <li>第三</li>
    </ol>
    <br/>
    <ul type="diss">
        <li>第一</li>
        <li>第二</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>




 






            

            
posted @ 
2019-11-16 19:44 
三点杰 
阅读(984) 
评论(0) 
编辑 
收藏 
举报