列表标签

178 阅读1分钟

1.列表标签

1.1 分类

  列表标签为布局标签,分为三类,分别为无序列表签、有序列表、自定义列表。

1.2 无序列表

  无序列表通常用于平级元素的布局。
  • ul: 定义一个无序列表
  • li: 定义列表内容(li中可以摆放任意元素)
<ul>
    <li>孙悟空</li>
    <li>猪八戒</li>
    <li>沙和尚</li>
    <li>白龙马</li>
</ul>

1.3 有序列表

  有序列表通常用于有前后顺序元素的布局。
  • ol: 定义一个有序列表
  • li: 定义列表内容(li中可以摆放任意元素)
<ol>
    <li>孙悟空</li>
    <li>猪八戒</li>
    <li>沙和尚</li>
    <li>白龙马</li>
</ol>

1.4 自定义列表

  • dl: 定义一个自定义列表
  • dt: 定义列表中的项目
  • dd: 定义列表中的项目内容
<dl>
  <dt>西游记四人组</dt>
  <dd>孙悟空</dd>
  <dd>猪八戒</dd>
  <dd>沙和尚</dd>
  <dd>白龙马</dd>
</dl>