⬅️ 返回地图
第 12 话

列表:排行榜

生活充满了清单:购物清单、愿望清单、还有...黑名单。

1. 三大门派

HTML 的江湖里有三种列表门派,各有各的规矩。

🛒 无序列表 (UL)

<ul>...</ul>

顺序不重要,反正都要买。

  • 快乐水 (可乐)
  • 肥宅片 (薯片)
  • 猫罐头

🏆 有序列表 (OL)

<ol>...</ol>

排名分先后,谁是老大?

  1. 冠军:带薪拉屎王
  2. 亚军:窗口切换手速帝
  3. 季军:眼神放空大师

📖 定义列表 (DL)

<dl>...</dl>

名词解释专用。

HTML
- 它是骨架。
CSS
- 它是皮囊。
2. 列表项 (LI)
🍡
糖葫芦原理:
无论是 <ul> 还是 <ol>,里面的每一项都必须用 <li> (List Item) 包裹。
<ul> 是竹签,<li> 是山楂。没有竹签的山楂是散沙,没有山楂的竹签...就是根棍儿。
3. 嵌套列表

列表里面还可以套列表,就像俄罗斯套娃。

📑 待办事项

  • 工作
    • 写代码
    • 修 Bug (优先)
  • 生活
    • 吃饭
    • 睡觉

(注意:修 Bug 永远是第一位的...吧?)