18910140161

Html

首页 >> 前端开发 >> Html

HTML - 列表标签相关

顺晟科技

2022-09-15 22:00:54

138

 

<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>

 

上一篇：html的列表标签 下一篇：HTML表格与列表
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！