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这张图片可以连接到必应网站。只不过是把文字替换为一张图片而已。