【html列表基础】

本文介绍了HTML中的三种列表类型:有序列表、无序列表和自定义列表的基础知识。有序列表使用<ol>标签,可设置数字类型和起始值;无序列表使用<ul>标签,可改变项目符号。自定义列表用<dl>标签,包含<dt>定义项和<dd>描述。每种列表都有特定的使用场景和规范。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、有序列表

   有顺序的列表,其各个列表项会按照一定的顺序排列定义

   标签是<ol>中间包裹<li>标签

  语法                                                                                                                     效果

                                               

  如果更改项目符号,可通过在ol标签中添加type属性,属性值有i和I是罗马数字,1是阿拉伯数     字,a和A英文。

  如果想让在摸一个数字开始,可以在ol属性中添加start属性,属性值是个数字

  注意事项

  a. 有序列表的各个列表项之间有顺序级别之分,不能随意颠倒。

  b. <ol></ol> 中只能嵌套 <li></li> ,直接在 <ol></ol> 标签中输入其他标签或者文字的做法是不被

    允许的。

  c. <li></li> 之间相当于一个容器,可以容纳所有元素。

 

2、无序列表

  指列表中的内容,不受时间、空间、逻辑等顺序要求的叫做无序列表

              语法                                                                   效果

                      

 

   更改黑心圆点样式,可以在ul中添加type属性,属性值有disc实心圆点、circle空心圆、square实心方块、none隐藏项目符号

注意事项

a. 无序列表的各个列表项之间没有顺序级别之分,是并列的。

b. <ul></ul> 中只能嵌套 <li></li> ,直接在 <ul></ul> 标签中输入其他标签或者文字的做法是不被

    允许的。

c. <li></li> 之间相当于一个容器,可以容纳所有元素。
 

3、自定义列表

   自定义列表通常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

语法                                                                                 效果

 dl是自定义列表标签,里面包裹dt和dd标签,dt标签是自定义列表标题,dd标签是自定义列表中描述的内容

注意事项

a. <dl> </dl> 里面只能包含 <dt> 和 <dd> 。

b. <dt> 和 <dd> 个数没有限制,经常是一个 <dt> 对应多个 <dd> 。

c. <dt> 和 <dd> 是并列关系。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值