HTML常见的列表标签

本文详细介绍了HTML中无序列表<ul>、有序列表<ol>、定义列表<dl>以及菜单列表<menu>的用法,包括标签结构、嵌套和type属性的选择。特别指出ul是最常用,而ol和dl在新版本中较少使用。

🍧无序列表

ul+li的组合,ul标签与li标签之间尽量不要写标签或内容

列表可以嵌套多层


type属性,可以指定序号的类型

    可选值:默认值,使用阿拉伯数字

                    a/A 采用小写或大写字母作为序号

                    i/I 采用小写或大写的罗马数字作为序号
<ul>
    这是ul和li之间
    <li>无序列表,第1个列表项</li>
    <li>无序列表,第2个列表项</li>
    <li>无序列表,第3个列表项</li>
    <li>无序列表,第4个列表项</li>
</ul>

;

🍧有序列表

ol+li的组合,ol标签与li标签之间尽量不要写标签或内容

列表可以嵌套多层

type属性可以修改无序列表的项目符号

属性符号
disc默认值,实心的圆点
square实心的方块
circle空心的圆

 <ol>
        这是ol与li之间
        <li>无序列表、第1个列表项</li>
        <li>无序列表、第2个列表项</li>
        <li>无序列表、第3个列表项</li>
        <li>无序列表、第4个列表项</li>
    </ol>

;

🍧 定义列表

定义列表的每一个定义项是由dt(Define Title)与dd(Define Description)组成。
dl:定义列表标签
dt:表示定义项0的标题
dd:表示对上一个dt中的标题内容进行描述或补充说明


<dl>
       <dt>赵本山</dt>
       <dd>春晚常驻选手,国内一线大品牌</dd>
       <dd>乡村爱情故事,二人转,小品</dd>
    </dl>
    

;

🍧 菜单列表

菜单列表是HTML版本中新增的列表标签,
实际上就是ul标签(无序列表)


  <!-- 菜单列表是HTML版本中新增的列表标签,实际上就是ul标签(无序列表) -->
    <menu>
        <li>首页</li>
        <li>商品</li>
        <li>专题</li>
        <li>用户</li>
        <li>版权</li>
    </menu>

最后,几种列表标签中最常用的只有ul,当然也有新版本的menu标签。其他的2种标签(ol与dl),基本不使用。

:
OK,以上就是关于HTML常见的列表标签的常见内容啦!

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值