第8课：图片与链接
进度 0/30
🖼️
图片与链接
让网页会看图、会带路
📖知识引入
🖼️img：图片标签
src属性指向图片「住在哪」（地址或文件名），alt是图片挂掉时顶上的文字说明，也是盲人朋友的「耳朵」。
🔗a：传送门
href属性写上目的地网址，点击就穿越过去。整个互联网的网页，就是被无数<a>链接织成的一张大网——这才叫「万维网」！
🧭导航栏的秘密
网站顶部那一排链接（首页/作品/关于我）就是导航栏，像商场的楼层导览图，让人永远不迷路。
⚖️图片要减肥
一张手机原图5MB，网页加载就变蜗牛。让AI帮你压缩图片、挑合适尺寸——快和好看可以兼得。
🎯属性=标签的说明书
src、href、alt都叫「属性」，写在开始标签里、用引号包住值。标签是「是什么」，属性是「具体怎么弄」。
💡
img的alt别偷懒：它是图片的「备用轮胎」！
🔍链接如何织成互联网
<!-- 图片：src指向位置，alt是备用说明 -->
<img src="cat.png" alt="我的橘猫年糕">
<!-- 链接：href指向目的地 -->
<a href="https://example.com">点我穿越</a>
<!-- 链接套图片：点图跳转 -->
<a href="works.html">
<img src="works.png" alt="我的作品集">
</a>每个网站都放几个「传送门」：
你的主页 ├── <a> -> 我的自我介绍页 ├── <a> -> 我的作品集 └── <a> -> 我喜欢的恐龙网站
那个恐龙网站，又放着 别人的网站链接……
网页→网页→网页→…
(链接)(链接)(链接)
就这样，全世界的网页 织成一张巨大的「网」🕸️ 这就是「万维网」名字的由来！
🎮 网页接龙游戏： 随便打开一个网站， 不停点它页面里的链接， 看你5分钟能「穿越」多远。 你走的每一步，都是一次点击<a>！
🎯小测验
第1题：img标签的alt属性有什么用？
第2题：a标签靠哪个属性决定跳转目的地？
第3题：「万维网」（WWW）这个名字的由来是？
📝本课知识点
- ✓img靠src找图片，alt是备用说明
- ✓a靠href放传送门目的地
- ✓导航栏=网站的楼层导览图
- ✓大图片要压缩，网页才不慢
- ✓链接把全世界网页织成一张网
第8课完成！继续探索下一课吧 🚀