第三天--html列表

<!Doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="author" content="">
        <meta http-equive="refresh" content="30">
        <!--页面30秒刷新一次-->
        <title>html列表</title>
        <!--html支持有序、无序和定义列表-->
    </head>
    <body>
        <h4>我是有序列表:</h4>
    <ol>
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ol>
    <h4>小写字母列表:</h4>
        <ol type="a">
             <li>我是列表一</li>
            <li>我是列表二</li>
            <li>我是列表三</li>
        </ol>  

        <h4>大写罗马数字列表:</h4>
        <ol type="I">
            <li>我是列表一</li>
            <li>我是列表二</li>
            <li>我是列表三</li>
        </ol>  

        <h4>小写罗马数字列表:</h4>
        <ol type="i">
            <li>我是列表一</li>
            <li>我是列表二</li>
            <li>我是列表三</li>
        </ol>  

        <h4>我是无序列表</h4>
    <ul>
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>
    <h4>圆点列表:</h4>
    <ul style="list-style-type:disc">
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>  

    <h4>圆圈列表:</h4>
    <ul style="list-style-type:circle">
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>  

    <h4>正方形列表:</h4>
    <ul style="list-style-type:square">
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>
        <h4>我是自定义列表</h4>
    <dl>
        <dt>我是标题一</dt>
        <dd>我是标题一的孩子</dd>
        <dt>我是标题二</dt>
        <dd>我是标题二的孩子</dd>
    </dl>
    <!--dl自定义定义列表,dt自定义列表项目(标题),dd自定义列表描述-->


    <h4>嵌套列表:</h4>
    <ul style="list-style-type:disc">
        <li>我是列表一</li>
        <li>
            <ul style="list-style-type:square">
                <li>我是列表一</li>
                <li>我是列表二</li>
                <li>
                    <ul style="list-style-type:circle">
                        <li>我是列表一</li>
                        <li>我是列表二</li>
                        <li>我是列表三</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>我是列表三</li>
    </ul>  
    </body>
</html>

posted @ 2016-09-27 18:14  言不可道尽  阅读(118)  评论(0编辑  收藏  举报