🐵指尖猴全新升级
第7课:文字段落
✏️

文字段落

标题、段落,网页文字的排兵布阵

📖知识引入

📰h1到h6:标题军团
h1是报纸头版大标题、h2是栏目标题、h3是文章小标题……数字越大字号越小。一个网页h1最好只用一次,突出主题。
📃p:段落小兵
一段话套一个p标签,浏览器自动在段落之间留出空隙,让文章透气。别忘了</p>这个关门动作!
💪strong和em:强调武器
<strong>加粗表示很重要,<em>斜体表示要重读。像用荧光笔划重点,让读者第一眼抓住关键词。
💔br:换行独行侠
<br>强制换行,它是少数不用配对的标签——因为它不「装东西」,只负责「跺一脚换行」。
🤖让AI帮你排版
把一堆文字丢给AI:「帮我加上一个大标题、三个小标题,重要的话加粗」,乱草丛秒变整齐的排版花园。
💡
标题分级像目录:h1是章、h2是节、h3是小节,不能乱跳级!

🔍同样的话,两种排法

<h1>我的小世界</h1>
<h2>关于我</h2>
<p>我是小明,<strong>12岁</strong>,喜欢编程和画画。</p>
<h2>我的猫</h2>
<p>我养了一只<em>橘猫</em>,名叫年糕,<br>它最喜欢睡在我的键盘上。</p>

看看排版的力量:

❌ 无排版版: 「欢迎来到我的网站我是小明我喜欢 编程和画画我养了一只猫叫年糕」 (读得喘不过气 😵)

✅ 排版版:

「欢迎来到我的网站」→h1 标题
「我是小明」→h2 小标题
「我喜欢编程和画画」→p 段落
「我养了一只猫,叫年糕」→p 段落

(清清爽爽 😄)

好排版三原则: 1️⃣ 大标题统领全局 2️⃣ 小标题切块分段 3️⃣ 段落之间留白呼吸

右边代码练练手: 把「我的猫」那段再拆细试试!

🎯小测验

第1题:网页中最重要的主标题应该用哪个标签?

第2题:想让某句话显示为加粗,用哪个标签?

第3题:下面哪个标签不需要配对(没有闭标签)?

📝本课知识点

  • ✓h1-h6标题分级,h1一页一次
  • ✓p段落自动留空隙
  • ✓strong加粗、em斜体划重点
  • ✓br是独行侠,不用配对
  • ✓乱文字交给AI一键排版
第7课完成!继续探索下一课吧 🚀