超链接:也就是我们的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:跳转后显示在当前窗口的顶级窗口