首页 > 代码库 > HTML超连接(a标记)

HTML超连接(a标记)

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

1.普通连接

<a href="http://www.mamicode.com/网址" target="目标窗口弹出方式">文本或图片</a>

技术分享

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

2.锚点连接

<a href="http://www.mamicode.com/#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标记)