20、HTML 教程 - 超级链接

1. 任务背景

超级链接是HTML中极其精彩的设计。

网页之所以让人感觉功能无限,丰富多彩,就在于网页上的超级链接,当我们点击超级链接时,可以跳转到一个新的页面,查看该链接对应的内容。

在一层一层的链接中,网站的内容得到极大的延展,用户也得以从互联网上获取海联的信息。

2. 任务目标

本节我们就来讲解下超级链接的使用。

3. 相关知识点

3.1 跳转指定网址页面

可以使用超级链接跳转指定网址的页面,例如下面的例子会跳转到百度:

<a href="http://www.baidu.com">百度</a>

效果如下,点击文本百度,则跳转到对应的网址:http://www.baidu.com
 

3.2 跳转当前网站其他网页

href属性也可以指向当前网站的其他网页,例如:

	<a href="1.html">网页1</a>
    <a href="pages/2.html">网页2</a>

则点击【网页1】,会跳转到当前网页同目录下的1.html;而点击【网页2】,会跳转到pages文件下的2.html。

3.3 在新窗口中打开网页

有时候,我们点击超级链接时,并不希望新网页替换当前网页,而是弹出一个新窗口加载新页面,这样的好处是还可以轻松返回查看老页面。

此时可以使用target属性,当target属性值为_blank时,点击超链接会弹出新窗口打开网页,实例如下:

<a href="http://www.baidu.com" target="_blank">百度</a>

4. 任务实操

开发几个网页,能实现网页之间的互相跳转即可。

5. 任务总结

超级链接非常重要,要掌握本节的内容,需要自己编写网页逐一实现上面的要点。