XZ_HTML之HTML链接

HTML 超链接（链接）：超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。 

有两种使用 <a> 标签的方式：

1 通过使用 href 属性 - 创建指向另一个文档的链接

2 通过使用 name 属性 - 创建文档内的书签                                                                         

使用图像来作链接：

<a href=“http://www.baidu.com“>

<img border="0" src="baidu.gif" />

</a>

HTML 链接语法

<a href="url">链接文本</a>

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

提示："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

使用 Target 属性，你可以定义被链接的文档在何处显示。

在新的浏览器窗口打开链接：

<a href="http://www.baidu.com"target=“_blank”>BaiDu</a>

跳出框架

<a href="/index.html"

target="_top">请点击这里！</a> 

HTML 链接 - name 属性

name 属性规定锚（anchor）的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示，它对读者是不可见的。

当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法：

<a name=“label">锚（显示在页面上的文本）</a>

提示：锚的名称可以是任何你喜欢的名字。您可以使用 id 属性来替代 name 属性，命名锚同样有效。

查看同一界面的不同位置

<a href="#C4">查看 Chapter 4。</a>

<h2><a name="C4">Chapter 4</a></h2>

<p>This chapter explains.</p>

创建电子邮件链接：（注：本例在安装邮件客户端程序后才能工作。）

1、

<p>

这是邮件链接：

<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

</p>

注意：应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。

2、

<p>

这是另一个 mailto 链接：

<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件！</a>

</p>