超链接:也就是我们的href标签,它的出现是为了放入我们的超链接路径。
超链接的特点:
1:链接路径可以是一个网络中的路径,也可以是一个本地的路径!
2:超链接的特点:鼠标停留在超链接上自动变成小手,在网页中被加入超链接的文字会自动添加下划线!
3:图片可以做热链接吗?可以,待会会有代码演示。
代码示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接</title> </head> <body> <!-- 链接到百度 --> <!-- href 属性表示:hot references,用来指定链接的路径 --> <a href="http://www.baidu.com">百度</a> <br> <!-- 链接路径可以是一个网络中的路径,也可以是一个本地的路径! --> <!-- 超链接的特点:鼠标停留在超链接上自动变成小手,超链接自动添加下划线! --> <a href="004-表格.html">链接到本地的表格!</a> <br> <a href="http://www.jd.com">京东商城</a> <br> <a href="http://www.126.com">126邮箱</a> <br> <a href="https://map.baidu.com">百度地图</a> <!-- 图片可以做热链接吗?可以 --> <a href="https://map.baidu.com"> <!-- 标签嵌套使用! --> <img src="images/bd.png" width="200px" title="点击我跳转到百度地图哦!" /> </a> </body> </html>
上述代码可直接在Hbuilder中直接运行即可,观察代码的效果。
下面来介绍超链接中的target属性,target属性用于设置最终窗口打开的位置。
target属性可以有以下的赋值,分别代表当点击我们的超链接后,所跳转的页面所显示的不同位置,下面来看:
_blank:跳转后显示在新窗口
_self:跳转后显示在当前窗口
_parent:跳转后显示在当前窗口的父窗口
_top:跳转后显示在当前窗口的顶级窗口