本篇文章大纲如下:
一、超链接基本介绍
二、外部资源链接
三、内部资源链接
四、注意事项
五、拓展资料
一、超链接基本介绍
超链接在HTML 超文本标记语言篇介绍过,超链接是网页的一部分,通过超链接将不同网页链接在一起构成网站,链接对象可以是文本或者图片,当我们对链接对象进行点击或其他触动操作时,浏览器会根据链接目标的类型来运行或打开链接目标,这个链接目标位置可以是不同网站,也可以是同网站不同网页、同网页不同地方,链接目标的格式可以是一张图片,或一个文件,一个应用程序等。简而言之超链接就是用来链接当前网页和其他链接目标的途径。
在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,超链接的目标可以是一个网址、一张图片、一个pdf文件或者一个视频等,其基本语法格式如下:
<a href="跳转目标" >文本或图像</a>
稍微升级一点语法格式如下:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用
target:用于指定链接页面的打开方式,这里介绍target的两种取值_self 和 _blank,其中_self 为默认值,_blank为在新窗口中打开方式。
二、外部资源链接
外部资源链接:External Links 指的是从外部网站指向自己网站的链接,简称外链,其形式包含纯文本链接,图片链接和锚文本链接。
通过一个例子了解外部资源链接:
代码如下:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接</title>
</head>
<body>
<a href="https://www.csdn.net/">点击这里链接跳转到CSDN</a>
</body>
</html>
运行结果:
代码解释:
http://表示超链接链接的目标是一个网页
链接目标若改为其他html文件,如上一篇"HTML"的博客里的test.html
代码改为: