⬅️ 返回地图
第 9 话

超链接:传送门

Web 之所以叫“网”,就是因为有这些连接线。

1. 创建传送门

HTML 使用 <a> 标签来创建链接。aAnchor(锚)的缩写。

你必须告诉它要去哪里,这就是 href 属性的任务。

<a href="https://www.baidu.com">百度一下,你就知道</a>
2. 链接的属性
🎯

target="_blank"

影分身术! 在新标签页打开链接。这样用户就不会关掉你的网站了(心机boy必备)。

<a href="..." target="_blank">新窗口打开</a>
👻

href="#"

原地踏步。 这是一个空链接,点击后会跳到页面顶部,通常用来做临时占位符。

3. 链接不仅仅是文字

任何东西都可以变成传送门!你可以把图片、按钮、甚至整个方块都包在 <a> 标签里。

Cat

👈 点这只猫试试 (它是链接)

<a href="cat.html">
  <img src="cat.gif">
</a>
4. 避坑指南

⚠️ 404 警告

如果你的 href 写错了地址,用户就会掉进虚空(404 Not Found 页面)。

这就像你给了朋友一个假地址,他去敲门发现是悬崖。

一定要检查链接是否有效!