第7课:文字段落
进度 0/30
✏️
文字段落
标题、段落,网页文字的排兵布阵
📖知识引入
📰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课完成!继续探索下一课吧 🚀
