HTML超链接<A>标签

<a>标签，即超链接标签，它可以实现从一个网页到另一个网页的跳转，或者从页面的一个位置跳转到另一个位置，还可以从一个网站跳转到另外一个网站。

<title>洪哥的超链接</title>

<a href="honge1.html" target="_blank">洪哥的第一个网页</a>

</body>

</html>

把这段代码保存为honge2.html。

打开honge2.html，页面上会有一个链接，把鼠标放上去会变成手形。点击它，将会在将窗口打开honge1.html页面。

可能这个还不是很刺激，把“href="honge1.html"”换成“href="http://www.splaybow.com"”试试。

现在来解释一下这个例子。

href属性

href属性表示链接的目标地址，可以是一个网页，也可以是一个URL地址。这两个我们都演示过了。如果链接地址是

http://www.splaybow.com/test.mp3，那点击它就可以下载这个test.mp3文件。呵呵，凡事有果必有因，要想真下载到

test.mp3，那还得洪哥在www.spalybow.com网站的根目录下放一个test.mp3文件才行。

target属性

这个target属性，表示打开目标地址的目标窗口。这话有点难懂，还是拿上面的例子说话。我们点链接打开honge1.html是在一个新窗口，那是因为target值为“_blank”，如果值为“_self”就表示在本身窗口打开。

下面说点题外话，为什么链接标签要用字母“a”来表示呢？洪哥没有在哪本书上有看到类似的讨论，但洪哥猜，它是取的英文单词anchor的首字母。这个单

词什么意思呢？锚！是喵星人吗？不是，是抛锚掉链子的那个锚！船上的锚像不像一个超链接，把另外一个网页钩住？呵呵，忽悠到此打住。

来说说<a>标签的锚！<a

name="pos1">位置1</a>，这里我定义了一个锚，名字叫“pos1”。然后我在另外一个地方定义一个超级链接来指向它&

lt;a href="#pos1">链接到位置1</a>，完整代码如下。

<html>

<head>

<title>洪哥的超链接</title>

</head>

<body>

<a href="#pos1">链接到位置1</a>

</body>

</html>

把它保存为honge3.html，打开它，点击“链接到位置1”，看看效果。是不是浏览器将网页定位到“位置1”的位置了？

这种锚在网页很长、主题很多的时候经常被使用。比如一个FAQ页面，里面有10个帮助主题，整个网页有三四个屏幕那么长，那我们可以先在页面顶部做一个目录，每个目录链接到下面的对应主题。这样浏览网站的朋友就轻松多了，不用大海捞针一般的去寻找感兴趣的内容。

当然，如果有人想问“ ”是干嘛的，洪哥简单的回答你：表示段落， 表示空格。