嘿，大家好！今天咱们来聊聊这个超链接，听着高大上，其实没啥大不了的。就是让网页上的文字或者图片， 我直接好家伙。 点击就能跳转到别的页面。就像书本里的目录一样，直接跳到你想看的章节。

什么是超链接啊？

简单超链接就是个“门”，你点击它，就能穿过去到另一个地方。这个地方可以是别的网站、别的网页、 深得我心。 甚至是你自己网站的别的页面。 这玩意儿很重要啊！没有它，咱们就只能看一个页面了那多无聊！

这个 "a" 标签是什么鬼？

要创建超链接，得用一个特殊的标签——`

关键点： `

怎么设置超链接啊？

最基本的用法

最简单的设置方法就是这样： ` ` 。 你看 `，我们一起...

例子： `` 这段代码会把“去看看Google”这个文字变成一个链接。 点击它就会打开Google的网站，也是没谁了...。

target 属性：在新窗口打开

默认情况下你点击链接后会在同一个浏览器窗口里打开新的页面。 但有时候你想让它在新窗口里打开呢？比如你不想离开当前页面去看别的网站。这时候就要用到 `target="_blank"` 属性了，踩雷了。。

rel 属性：告诉浏览器关系

`rel`属性用于描述链接目标与当前文档之间的关系。 主要有三种值：'nofollow', 'noopener', 'noreferrer'，火候不够。

内部链接 vs. 外部链接

外部链接

`href`指向其他网站就是外部链接了。“外部”就是指不在你自己的网站上的那个意思 。 站在你的角度想... 比方说上面的 Google 这个例子。

内部链接

`href`指向你自己的网站上的其他页面就是内部链接了。“内部” 就是指在同个网站上的那个意思 。比方说你的首页和产品页面的连接.

给图片加超链接

一些小技巧

• 相对路径： 如果你要连接到你网站内部的其他页面可以使用相对路径。 比方说 ``
• 锚点链接： 你可以使用锚点来跳转到页面内的特定位置。
• title 属性:** 可以为你的link添加 title ，在鼠标悬停的时候显示提示信息

进阶知识：锚点跳转

1. 在你的网页中添加一个id :
   内容
2. 创建一个锚点 link :

一下…

记住这些关键点：

• 是创建超链接的主力军
• href 指定目标地址
• target="_blank"` 在新窗口打开