超链接的使用-HTML入门基础（019）

超链接，是网页中最常见的元素，英文名称hyperlink，每个网站由众多的网页组成，网页之间通过链接方式相互关联。

 

在HTML中，超链接使用标签表示。

 

语法：

 

 

超链接文字

 

        href属性表示链接地址，点击链接后跳转至相应的地址。

 

 

        示例代码：

 

 

                前往百度  

 

点击这个链接后，网页跳转至百度首页。

 

target属性：

 

在超链接标签属性中，最常用的属性就是target，用它来控制目标窗口的打开方式

 

语法：

 

 

超链接文字

 

target属性取值
属性值	说明
_self	默认方式，在当前窗口打开链接
_blank	使用一个全新的空白窗口打开链接
_top	在顶层框架中打开链接
_parent	在当前框架的父层打开链接

 

一般情况下，我们只会用到_self和_blank两个属性。

 

示例代码：

 

​​​​​​​

              前往百度  

 

点击这个链接后，我们会发现浏览器会重新打开一个空白窗体，显示网页内容。注意，这个属性的值_blank，是下划线开头的。

 

如果需要让图片也带有超链接，可以用超链接包裹图片标签，代码如下：

 

​​​​​​​

                    
    前往百度  

 

图片呢，大家按照文件夹的路径，自己放一张，如果没有图片时，会发现alt的文字显示出来，还有我们在href属性中填入的链接地址是完整的互联网地址，请大家注意，如果href中填入"www.baidu.com"时，有时候是不能正确前往的，这点需要注意。

 

下一节我们接着分享超链接的内容。