五、HTML列表

本文详细介绍了HTML中的列表元素,包括无序列表<ul>、有序列表<ol>及其属性,以及定义列表<dl>的使用方法。无序列表以圆点显示,有序列表可设置不同类型的序列号,自定义列表常用于术语解释。通过这些元素,开发者可以创建整齐、有序的内容展示。

列表最大的特点就是整齐 、整洁、 有序,跟表格类似,但是它可组合自由度会更高。

无序列表

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

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

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ul>

有序列表

        <ol>标签中的type属性值为排序的序列号,不添加type属性时,有序列表默认从数字1开始排序。

        常用的type属性值分别为是1,a,A,i,I

        <ol reversed="reversed">中的reversed属性能够让有序列表中的序列倒序排列。

        <ol start="3">中的start属性值为3,有序列表中的第一个序列号将从3开始排列。

<ol type="A"> 
  <li>列表项1</li>
  <li>列表二</li>
  <li>列表三</li>
</ol>

自定义列表

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

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  <dd>名词1解释2</dd>
  ...
  <dt>名词2</dt>
  <dd>名词2解释1</dd>
  <dd>名词2解释2</dd>
  ...
</dl>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值