关于超链接

a代表锚点，指向一个地址，href后面可以跟一个网址，代表连接到这个网站。

如果在网址前面加上mailto 则代表指向的是一个邮箱，点击以后自动打开outlook。

使用关键词target 可以指定点开链接以后在当前页面打开（_self）还是在一个新窗口（_blank）打开。

同时，href后面不一定是网址，可以是很多怪异的东西，比如，指向zip文件就去自动下载该文件。

 

超链接的书签

 

这是比较关键的一个知识点，通过锚点对文章的一个特定位置指定一个名字，然后通过href链接回来可以达到书签的目的，看小说的时候尤其有用。

代码如下：

<a name = “head”>前言</a>

<a href = “#head”>返回前言</a>

这是非常简单的应用，如果前言非常的长，我们就不用为难我们的鼠标滚轮滚到页首，只要点击“返回前言”就能回到前言的部分，另外，#代表的是本网页中的名为head的位置。

书签的位置指向范围非常广，不一定是当前页面中的位置，也有可能指向本机或者服务器中的另一个文件，这样的话，href后面跟随的位置就没有那么简单了。下面是几个例子：

<a href = “index.html”>回到首页</a><!--说明点击“回到首页”指向的是当前文件夹中的index.html文件。-- >

<a href = “../ index.html”>回到首页</a><!--说明点击“回到首页”指向的是当前网页的上一级中的index.html文件-- >

<a href = “next/index.html”>回到首页</a><!--说明点击“回到首页”指向的是子文件夹next中的index.html文件（这里就不是上级文件夹了，是当前网页的再下一级文件夹中的index）-- >

这里应该是比较重要的地方，起码在看指向的时候不会把自己看的晕头转向，是需要掌握的部分。

 

最后，超链接一样可以添加在图片上，语法如下：

<a href = “cn.bing.com”>

         <img src=”pic.jpg”>

</a>

这说明点击pic这张图片可以连接到必应网站。只不过是把文字替换为一张图片而已。

转载于:https://www.cnblogs.com/Dawn-z/archive/2012/12/12/2815241.html