HTML那点事之【超链接】

    超链接，这个名词大家应该都不陌生吧，HTML利用超链接打开链接文件，如点击一个文字链接，进入新的一个网页；将一个图片作为一个超链接，点击一个图片，可以连接到其它文件。HTML 使用超级链接与网络上的另一个文档相连。点击链接可以从一张页面跳转到另一页面。

【例1】<div id="apDiv15"><a href="index.html"><img src="image/gohome.gif" width="119" height="95" /></a></div>

【例2】<a href="xuexi/yingyu01.html">四级听力考试心得</a>

其中标签a和href属性HTML用<a>来表示超链接。<a>可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。

（1）用法如下：<a href="url">链接的显示文字</a>

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

（3）target=_blank属性表示可以在一个新的窗口里打开链接网页，title属性表示可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释，例子显示：

<a href="要链接的网页" target="_blank">Visit W3School!</a>

           target="_top"属性表示可以弹出框架，建立新窗口

<a href="/index.html" target="_top">请点击这里！</a> 

（4）（锚点）name属性表示可以跳转到该网页指定的位置。注意：使用时候要设置为一对。

         name 属性规定锚（anchor）的名称，使用name属性创建HTML页面中的书签，但对浏览器而言是不可见的。

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

         例子定义一个锚点：

         <a name="C6"><h2>第6章</h2></a>

          使用锚点：

         <a href="#C6">参见第六章</a>

主要注意的是，我们使用id 属性来替代 name 属性，命名锚同样达到这样的效果。

提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

（5）创建电子邮件Email链接

在网站底部中，经常会看到“联系我们”之类的链接，点击这个链接，就会触发你的邮件客户端，比如Outlook Express，如何没有安装，就会出现异常。然后显示一个新建mail的窗口。

<p>这是邮件链接：
<a href="mailto:你的邮件地址? subject=Hi%20again">发送邮件</a>
</p>
<p><b>注意：</b>使用%20来替换单词之间的空格，这样浏览器就可以正确地显示文本。</p>

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

         例子：
<a href="http://www.admin5.com/html" title = "我的网站">网站提示</a>

       如果希望注释多行显示，可以使用&#10;作为换行符。
<a href="你的网页URL地址" title = "站长网 站长学院&#10;网页教程与代码的中文站点">站长网 站长学院网站</a> 

****************************************************************************************************************************************************************************************

❤永葆一颗纯洁、宽容平和、仁慈谦卑和意气风发的心！

态度决定一切     努力改变命运