第9课：列表与表格
进度 0/30
📋
列表与表格
把信息排得整整齐齐
📖知识引入
🛒ul/li：无序列表
像购物清单：想到什么写什么，没有先后顺序，每项前面自动有个小圆点。ul是清单袋子，li是每件商品。
🥇ol/li：有序列表
像排行榜：浏览器自动编号1、2、3……特别适合「制作步骤」「比赛名次」这种有顺序的内容。
📊table：表格
像课程表：行和列交叉成格子。tr是一行，td是一个格子，th是表头格子。多列信息一对照，一目了然。
🧠选对工具
并列的东西用列表（我的爱好），需要两三列对照的用表格（姓名+分数）。别把简单问题复杂化！
🤖AI整理神器
把乱糟糟的信息复制给AI：「帮我做成一个表格，第一列姓名第二列成绩」，三秒还你一个整齐的table。
💡
能用列表就别用表格：简单的事别复杂化！
🔍同一份信息，三种排法
<!-- 无序列表：我的爱好 -->
<ul>
<li>编程</li>
<li>画画</li>
<li>观察猫咪</li>
</ul>
<!-- 表格：宠物档案 -->
<table>
<tr><th>名字</th><th>种类</th><th>年龄</th></tr>
<tr><td>年糕</td><td>橘猫</td><td>2岁</td></tr>
</table>信息：我喜欢猫、狗、仓鼠。
🛒 排法一：无序列表 · 猫 · 狗 · 仓鼠 （并列关系，随便排序）
🥇 排法二：有序列表（按喜欢程度） 1. 猫 2. 狗 3. 仓鼠 （有排名！用ol自动编号）
📊 排法三：表格 ┌──────┬──────┬──────┐ │ 动物 │ 分数 │ 名字 │ ├──────┼──────┼──────┤ │ 猫 │ 100 │ 年糕 │ │ 狗 │ 95 │ 豆豆 │ │ 仓鼠 │ 88 │ 糯米 │ └──────┴──────┴──────┘ （多种信息要对照，表格完胜）
一句口诀： 并列用ul，有顺序用ol， 多列对照才请table出场！
🎯小测验
第1题：「做蛋糕的步骤」最适合用哪种结构？
第2题：「姓名、分数、等级」三列信息对照，用什么最合适？
第3题：列表里每一项内容放在什么标签里？
📝本课知识点
- ✓ul无序列表：并列内容
- ✓ol有序列表：自动编号
- ✓table表格：多列信息对照
- ✓tr是行、td是格子、th是表头
- ✓乱信息丢给AI整理成表格
第9课完成！继续探索下一课吧 🚀