HTML超链接使用详解

我们先来看一个实例：如何建立超链接。
          

这是一个链接

<a href="http://www.xinge360.com" target=_blank>信鸽网_站点链接</a>

这个示例演示了如何在HTML文件里创建超链接。
         

你可以将一张图片作为一个链接，点击这个图片。
<a href="http://www.xinge360.com" target=_blank>信鸽网_站点链接</a>

这个示例演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。
a和href属性

HTML用来表示超链接，英文叫anchor。

可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：

链接到信鸽网显示的文字

点击当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。

比如链接到www.xinge360.com/index.html站点首页，就可以这样表示：

<a href="http://www.xinge360.com/index.html">链接到xinge360.com/index.html 信鸽网首页</a>

target属性

使用target属性，可以在一个新窗口里打开链接文件。

<a href="www.xinge360.com/index.html"target="_blank">打开一个新的窗口链接到信鸽网首页</a>

title属性

使用title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。

<a href="www.xinge360.com/index.html"target="_blank" title="链接到信鸽网首页">打开一个新的窗口链接到信鸽网首页</a>

name属性

使用name属性，可以跳转到一个文件的指定部位。

使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name：

点击查看PHP文章
php文章

name属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接，放在文件的开始处，每个章节的开头都设置Name属性。当用户点击某个章节的链接时，这个章节的内容就显示在最上面。

如果浏览器不能找到Name指定的部分，则显示文章开头，不报错。

链接到email地址

在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如Outlook Express，然后显示一个新建mail的窗口。用可以实现这样的功能。

     
好了，有关HTML的超链接标签就讲到这里吧。希望大家多动手写代码，运行下，试试就可以看到效果了。这样学习记忆得快些哦！

猜你喜欢