超链接标签 :
# 在 HTML 标签中, 标签用于定义超链接,作用是从一个页面链接到另一个页面
简言之,就是上网时,你打开了一个页面,在你打开的这个页面里,你又点击了一个链接
随之就跳转到另外一个页面了~!!!
超链接的语法格式 :
用一对 标签来包含 文字或图像, 那这个被包含的 文字或图像,就会有了超链接的功能
当你点击这个 文字或图像的时候,就会去往另外一个页面啦~!
超链接的属性 :
第一个属性 href 是必须属性,就是你点击这个链接后,要去往的页面,是去哪里呢?
就是这个 href 用来指定的目标页面的 url 地址 。
第二个属性就是 target 是指你要用什么样的方式来打开 链接后的网页页面
有两种方式 :
一种是 默认的方式 _self ,是指在当前页面来打开,显示你要去的链接后的网页页面
一种是 _blank 是指在 新窗口中来打开页面,就是原来的页面不关闭,当点击链接的时候
将链接后的页面形成一个新页面打开~!!
不好理解的话,后面有示例,结合实例理解~!!
超链接的分类 :
外部链接和内部链接
外部链接 :
即 一个外部网站的一个链接页面地址,
比如,你现在在 百度页面,但是你看到了 京东商城的内容,你便点向了 京东商城,
那么,也就是说 京东的内容 对于 百度而言,那就是相当于一个 外部网站, 也就是说,外部链接
语法示例 :** 百度 **
语法要求就是,必须是 http:// 开始(至于 https 我想应该也是可以的,强调的是
http:// 这种形式 ),随后接入的是 外部链接的地址
示例 :
我们写一个 外部链接 :
![](https://img-blog.csdnimg.cn/direct/13145b2c150242a681ace760c9049922.png)
![](https://img-blog.csdnimg.cn/direct/512db8bb10044ff18db3a73e4729795a.png)
如此,便显示了 去往外部链接的链接, 就是那两个字 “ 腾讯 ”
当你点击 “ 腾讯 ” 便会跳往 腾讯的页面
** ===>>>**
![](https://img-blog.csdnimg.cn/direct/1d6bdedf7d4246829c9b072433668c86.png)
**注意 ** : 在这里,我们就需要强调的是 上面讲过的一个点 就是 target 属性
我们说 target 属性 默认是怎样的 ??
默认就是 _self 是什么意思 ? 是在当前页面打开
就是说,当前页面是啥 ? ( 就是在腾讯页面显示之前的页面 )
即这个页面 :
![](https://img-blog.csdnimg.cn/direct/676317ce5e4a4046b224af11e820a2b5.png)
也就是说 把上面的内容替换成了 腾讯的页面,而不是新增加一个 新页面用来
显示 腾讯的页面 ~!!!
这个需要注意下 ~!!
既然,我们说了 target 属性的 一个默认属性 ( _self ,即在当前页面显示链接网页)
那就再显示一个 _blank 为新窗口的方式
![](https://img-blog.csdnimg.cn/direct/34372a3b106342d4b00a6f0d8fda8de7.png)
可以看到,我们加了属性
** ===>>>**
![](https://img-blog.csdnimg.cn/direct/fd4ed3ac863749fba117ad245f182d83.png)
然后,我们点击 腾讯 看看是不是 打开了一个新窗口
![](https://img-blog.csdnimg.cn/direct/336b371aaff24bde9337cc9e3053b066.png)
显然,是打开了一个新窗口来显示 腾讯页面的,原来的页面也是保留的 ~!!!
内部链接我们下一节讲述
版权归原作者 三毛与海子 所有, 如有侵权,请联系我们删除。