老鬼的博客 来都来啦,那就随便看看吧~
html之超链接
发布于: 2020-08-10 更新于: 2020-08-10 分类于: Html 阅读次数: 

一:介绍

1
2
3
4
5
6
可以从一个页面跳转到另一个页面,或者是从当前的页面跳转到指定的位置。
属于行内元素,一般行内元素不能放置块元素,不过超链接可以放置除了超链接
的其他所有元素。
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的

二:语法

1
<a href="https://www.baidu.com">跳转到百度</a>

三:属性

3.1 href

1
需要跳转的地址。

3.2 target

1
2
3
4
5
6
规定在何处打开链接文档。
_blank:在新窗口中打开被链接文档。
_self:默认。在相同的框架中打开被链接文档。
_parent:在父框架集中打开被链接文档。
_top:在整个窗口中打开被链接文档。
framename:在指定的框架中打开被链接文档。

三:在本页面跳转

3.1 跳转到顶部

1
2
将href的值直接写成#就可以跳转到顶部
<a href="#">回到顶部</a>

3.2 跳转到某个具体位置

1
2
3
4
5
给a标签设置id属性,比如:<a href="">a1</a>要跳转到<a href="">a2</a>,
则需要如下操作:
1.给a2设置id,<a id="a2" href="https://www.baidu.com">a2</a>
2.a1中href做修改,<a href="#a1">a2</a>
3.此时点击a1就可以跳转到a2

四:如何设置点击超链接无反应

1
2
可以使用javascript:;,如:
<a href="javascript:;">超链接</a>
*************感谢您的阅读*************