超链接:可以允许我们从当前文档链接到任意其他文档(其他资源),也可以链接到文档的某个特定部分。
- 下面a标签写有href属性和tagert属性。
<a href="http://www.baidu.com" target="_blank">百度一下</a>
- href表示跳转的目的地,取值有:
- 目标元素的ID值
href="#目标元素的ID值"; //注意记得加入符号#,这个是用于锚点跳转,如:从底部返回到顶部,底部a标签的href属性值就是返回到顶部的某个元素的ID值。
2.URL
就是在href属性值处填写需要跳转到其他文件的路径,这个路径又分为相对路径和绝对路径。
<!-- 相对路径以.或者..开始
.代表当前文件的目录 ..代表当前文件所在目录的上级目录-->
<a href="./3-列表.html">跳转到列表页面</a>
<!-- 在当前的目录上访问./可以省略掉 -->
<a href="3-列表.html">跳转到列表页面</a>
<a href="../day02/3-列表.html">跳转到列表页面</a>
<!-- 绝对路径 -->
<!-- file:///表示本地打开 -->
<a href="file:///D:/Dang-briup/2-html/day02/3-列表.html">跳转到列表页面</a>
<!-- 把图片拖拽到浏览器或者cmd可以得到图片的绝对路径 -->
<a href="file:///D:/Dang-briup/1-axure/day03/images/%E5%88%87%E7%89%87.jpg" target="_blank">打开一个图片</a>
3.email
在href的属性值处填写邮箱地址,可以跳转到邮箱。
<a href="1969999999@qq.com">联系我!!!!!</a>
target表示是在什么地方打开链接文档。
target="_self";//这是默认的属性,会在当前选项卡打开新页面
target="_blank";//表示在在当前选项卡打开新的页面显示链接的内容