了解了URL路径的概念后，超级链接就很容易掌握了。

一、超链接

超级链接的目的就是实现页面和页面，站点和站点之间的跳转，没有超链接就没有互联网，所以认真学习和工作的时候不要随便点开一个新闻的推送链接，否则你就可能引发多诺米牌效应，最后迷失在互联网里。

1、基本结构

<a href="URL" title="标题" target="_blank">被点击的文字或图片</a>

href属性非常关键，URL的值代表了你的目的地。如果鼠标经过超链接希望看见标题，可以加上title属性，在文字不能显示完整的侧边栏，希望用户鼠标经过看见完整的标题的时候非常有用。如果是链接到别人的网站上，不要忘了一定加上target属性，“_blank”表明在新窗口打开网页。

2、案例

<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="林心如简介页面.html" title="林心如介绍"><img src="images/林心如.jpg" alt="林心如"></a>
<a href="soft/QQv8.1.exe" title="点击下载QQ">QQ最新版下载</a>
<a href="music/梦中的婚礼.mp3" title="点击播放">梦中的婚礼</a>

超链接可以链接任何资源，不要忘记资源的后缀名哦，.html/.jpg/.exe/.rar/.mp3……等等格式就是资源特定的后缀名，浏览器会根据后缀名自动解释该链接，是可以直接展示的，还是要提供下载的，还是调用播放器播放的……

如果是绝对路径的链接，比如链接一个网站的域名地址，千万不要忘记"http://"这个超文本传输协议，习惯了在浏览器直接输入“baidu.com”的童鞋，在超链接这里的URL必须是完整的路径"http://www.baidu.com"

二、锚点

锚点的目的是实现页面内部的跳转，如果一个页面足够长，那么每一个目录要指向一个具体的区块，则可以使用锚点链接。

最好的案例就是百度百科，参考一个花千骨吧，里面有我的男神^_^：http://baike.baidu.com/subview/3214193/12258556.htm

当我们点击目录中的“剧情简介”，则会跳转到下面“剧情简介”正文处。

1、基本结构

第一步：在目的地插入锚点：<a name="锚点名称"></a>

锚点名称最好是字母和数字的组合，不可以用中文。而且锚点最好放在正文标题的上面，否则跳转过来就看不到标题了。

第二步：在目录处加入锚点链接：<a href="#锚点名称">被点击的文本或图片</a>

此处的“#”不要漏掉，有时候我们写一个空链接：

<a href="#">文本</a>

表示一个超链接，但是没有目的地，“#”具有刷新页面，回到页面顶部的功能，如果后面跟上锚点名称，则能跳转到该锚点处。

2、案例

<h2>目录</h2>
<ul>
    <li><a href="#m1">剧情简介</a></li>
    <li><a href="#m2">演职员表</a></li>
<ul>

<a name="m1"></a>
<h2>剧情简介</h2>
<p>具体内容，此处省略一千字……</p>
<a name="m2"></a>
<h2>演职员表</h2>
<p>具体内容，此处省略一千字……</p>

提示：要做锚点，前提是页面要有足够的长度，如果只有一两屏的页面，一眼就看完了，还有必要做页面内部跳转的锚点吗？

当然，有长度的页面，不要忘了在页面右下角加一个返回顶部哦，否则下来容易，上去难^_^

具体情况可以查看案例，点击下载吧。

锚点.rar