致力于高端网站建设服务的专业公司
网站建设热线:010-51000596
首页 > 网站资讯 > 网站建设 > 网页制作之链接的作用和方法

网页制作之链接的作用和方法

网站建设之链接的作用及使用方法

链接:可以说是主页的灵魂,有链接我们才能在网络的世界里遨游,看上去简单,实际上却也不是那么容易。

基础写法我就不说了,这个大家都明白的,主要是看:

一.链接的种类

一种是页内的链接,我们也叫内链接或是内锚链。一种是不同页面的链接,这种是最常见的。

主要是说一下内锚链,什么叫内锚链?作用是什么呢?

个人认为他就是一个标记,如果你看一片文章很长很长,而且有好几个部分,我们要选择其中一部分阅读而不停的划滑轮是不是很累呢,锚链接可以让你很方便的点击链接便能直接跳到该部分内容。

方法:

<a href=”#id”>加锚链</a>

<p id=”mao”>定义锚</p>

这是同一个页面中的锚,那么要链接到别的页面呢?道理是一样的,只要在前面加上URL便可,如:

<a href=”url #id”></a>

 

二.链接的属性,四种

a:link 链接未点击上去时候(默认状态)

a:visited 链接已经点击过的

a:hover 鼠标放在链接上未点击,俗称鼠标划过

a:active 是介于hover visited 之间的一个状态,可以说是链接被按下时候的状态

 

格式a:hover{样式}

 

还有target属性,这个挺让人费解,他表示在什么窗口打开,比如:

_self  例:<a href=”” target=”_self”>默认值,表示在当前窗口打开</a>

_blank  例:<a href=”” target=”_blank”>在新窗口打开</a>

<a href=” javascript:window.close() “ > 关闭窗口</a>

 

给链接加注释

这个很简单,直接加上title属性就OK

<a href=”” title=”内容”></a>