HTML - 列表标签相关

 

<html>
    
    <head></head>
    
    <body>
        
        <!-- 
            有序列表 
            type属性(列表的序号以什么样的形式显示) : 
                type = "1" : 序号以阿拉伯数字显示
                type = "a" : 序号以小写字母显示
                type = "A" : 序号以大写字母显示
                type = "I" : 序号以罗马数字显示
            默认为阿拉伯数字显示
        -->
        <ol type='I'>
            <li>第一项</li>
            <li>第二项</li>
            <li>第三项</li>
        </ol>
        
        <!-- 
            无序列表
            type属性(列表的前缀以什么样的形式显示) : 
                type = "disc" : 实心圆
                type = "circle" : 空心圆
                type = "square" : 实心正方形
                type = "none" : 不显示
            默认为实心圆
        -->
        <ul type="square">
            <li>第一项</li>
            <li>第二项</li>
            <li>第三项</li>
        </ul>
        
        <!-- 自定义列表 : 没有前缀 , dt与dd之间有缩进 -->
        <dl>
            <dt>第一项</dt>
                <dd>101</dd>
                <dd>102</dd>
            <dt>第二项</dt>
                <dd>201</dd>
                <dd>202</dd>
            <dt>第三项</dt>
                <dd>301</dd>
                <dd>302</dd>
        </dl>
        
    </body>
    
</html>

 

posted @ 2019-09-11 16:58  萌胖次  阅读(188)  评论(0)  编辑  收藏  举报