欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

HTML超连接(a标记)

发布时间:2022/11/16 HTML 9 老码农
如意编程网 收集整理的这篇文章主要介绍了 HTML超连接(a标记) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

在HTML中如果你想从这个页面连接到另一个页面就要使用a标记(超连接)

1.普通连接

<a href="网址" target="目标窗口弹出方式">文本或图片</a>

HTML超连接(a标记)

如果没有跳转目标可以将href="#'(表示空连接)。如果不写文本或不添加图片那么超链接是看不见的,也点不到。

2.锚点连接

<a href="#box">盒子</a>

这就是一个锚点连接,它的跳转目标就是id为box的标记。

注:锚点连接一般是在网页页面内容多的情况下使用的。

3.链接伪类

从名字可以看出链接伪类不是正在意义上的类或链接;

链接伪类一般是用来控制超链接的

链接伪类一般有四种:

(1).a:link{css样式}(超链接没有访问时的状态)

(2).a:visited{css样式}(超链接访问后的状态)

(3).a:hover{css样式}(鼠标经过或悬停是的状态,最常用)

(4).a:active{css样式}(鼠标点击不动时的状态)

注:访问前,访问后,经过或悬停时,单击时,a标记可以使用这四种状态,那么除了a标记之外的有些标记也可以使用这四种状态。如:li,p,h1—h6;

 

总结

以上是如意编程网为你收集整理的HTML超连接(a标记)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。