超链接，是网页中最常见的元素，英文名称hyperlink，每个网站由众多的网页组成，网页之间通过链接方式相互关联。
在HTML中，超链接使用<a>标签表示。
语法：
<a href="链接地址">超链接文字</a>
href属性表示链接地址，点击链接后跳转至相应的地址。
示例代码：
<html><head><title>超链接</title></head><body><a href="http://www.baidu.com">前往百度</a></body></html>
点击这个链接后，网页跳转至百度首页。
target属性：
在超链接标签属性中，最常用的属性就是target，用它来控制目标窗口的打开方式
语法：
<a href="链接地址" target="打开方式">超链接文字</a>
| target属性取值 | |
| 属性值 | 说明 |
| _self | 默认方式，在当前窗口打开链接 |
| _blank | 使用一个全新的空白窗口打开链接 |
| _top | 在顶层框架中打开链接 |
| _parent | 在当前框架的父层打开链接 |
一般情况下，我们只会用到_self和_blank两个属性。
示例代码：
<html><head><title>超链接target</title></head><body><a href="http://www.baidu.com" target="_blank">前往百度</a></body></html>
点击这个链接后，我们会发现浏览器会重新打开一个空白窗体，显示网页内容。注意，这个属性的值_blank，是下划线开头的。
如果需要让图片也带有超链接，可以用超链接包裹图片标签，代码如下：
<html><head><title>图片超链接</title></head><body><a href="http://www.baidu.com"><img src="./images/1.png" alt="百度"/></a><br><a href="http://www.baidu.com">前往百度</a></body></html>
图片呢，大家按照文件夹的路径，自己放一张，如果没有图片时，会发现alt的文字显示出来，还有我们在href属性中填入的链接地址是完整的互联网地址，请大家注意，如果href中填入"www.baidu.com"时，有时候是不能正确前往的，这点需要注意。
下一节我们接着分享超链接的内容。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
