HTML的超链接标记

最新推荐文章于 2023-07-06 15:31:49 发布

互教互学8

最新推荐文章于 2023-07-06 15:31:49 发布

阅读量487

点赞数 1

文章标签： html 前端 javascript html5

本文链接：https://blog.csdn.net/weixin_54788293/article/details/126560863

版权

什么是超链接

超级链接简单来讲，就是指按内容链接。
超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

HTML的超链接

跳转到B站主页如下：

<a herf = "www.bilibili.com">跳转到B站<a>

跳转道B站的某一个视频如下：

<a herf = "www.bili『整活』汇编语言版HelloWorld_哔哩哔哩_bilibilibili.com">跳转到B站的某个视频<a>

herf的属性

href 属性指定链接的目标，也就是要跳转到什么位置。href 可以有多种形式，例如：
href 可以指向一个网页（.html、.php、.jsp、.asp等格式），这也是最常见的形式，例如 href=“http://c.biancheng.net/view/1719.html”；href 可以指向图片（.jpg、.gif、.png 等格式）、音频（.mp3、.wav等格式）、视频（.mp4、.mkv格式）等媒体文件，例如 href=“/uploads/allimg/181221/134I32557-0.jpg”；href 可以指向压缩文件（.zip、.rar等格式）、可执行程序（.exe）等，一些下载网站的链接就可以写成这种形式，例如 href=“./…/uploads/data_package/ComputerFoundation.zip”；href 甚至还可以指向本机的文件，只是很少这样使用，例如 href=“D:/Program Files/360/360safe/360Safe.exe”。
你看，href 本质上就是指向一个文件，这个文件几乎可以是任意格式的。如果浏览器支持这种格式，那么它就可以在浏览器上显示，比如常见的图片、音频、视频等，如果浏览器不支持这种格式，那么就提示用户下载。

另外，href 使用的路径可以是绝对路径，也可以是相对路径。绝对路径往往以域名为起点，例如 http://c.biancheng.net/view/1719.html；相对路径往往以当前文件或者当前域名为起点，例如 ./…/uploads/data_package/ComputerFoundation.zip。

target属性在创建网页时，默认情况下，超链接在当前的浏览器窗口打开，但是我们可以使用 target 属性来改变目标窗口的打开方式。常见的打开方式如下表所示：

下面我们来做一个小实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实例</title>
</head>
<body>
  <a href = "bilbili.com">打开B站<a>
  <a href = "1.zip">下载项目<a>
></body>
</html>