列表

2024-10-30 16:53

列表ul容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表。

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

「1. 无序列表 ul」

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

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

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

「2. 有序列表 ol」

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

「3. 自定义列表 dl」

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

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

图片

相关文章
热点文章
精彩视频
Tags

站点地图 在线访客: 今日访问量: 昨日访问量: 总访问量: