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. 任务总结
超级链接非常重要,要掌握本节的内容,需要自己编写网页逐一实现上面的要点。