关于链接
1.站外链接
1.1链接到其他网页
标签<a href="[链接地址]" target="[打开目标方式]">[显示名称]</a> 如：<a href="https://www.google.com.hk/">谷歌中国</a>
1.2链接到其他网页的指定部分（锚点）
<a href="[链接地址]#[锚点id]" target="[打开目标方式]">[显示名称]</a> 如：<a href="https://www.google.com.hk/#cst">谷歌中国</a>
target值
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
2.站内链接
加锚点，定义好“锚点”以后，将链接指向锚点位置的。
链接形式如下:
<a href=″＃[锚id]″>....</a>,即以＃再加上id格式。
如:
<a href=″＃chapter1″>第一章</a>
<div id=″chapter1″> 或者<a name=″chapter1″>放到相应位置。
3.google map
谷歌地图提供分享链接的功能，可以直接在地图中获得你家乡或学校的链接。
如：吉林大学前卫南区
4.链接email地址
<a href="mailto:[邮箱地址]">[显示名称]</a>如<a href="mailto:[email protected]">爱谷歌</a>
5.图像链接
5.1缩略图链接
<a href="[目标图]" target="_blank"><img title="agoogle" width="188" height="200"src="[缩略图]" /></a>
如：<a href="img/agoogle.jpg" target="_blank"><img title="agoogle" width="188" height="200"src="img/agoogle-view.jpg" /></a>
5.2链接背景图
<body style="background-image:url([背景图地址])">
如：<body style="background-image:url(img/logo.jpg)">
5.3图像映射（具体应用如照片中圈人）
<map name="[map标签name]">
<area shape="[映射区域形状]" coords="[映射区域坐标]" href="[映射目标图像]" title="[鼠标靠近显示]"/>
</map>
<img title="agoogle" width="188" height="200" src="[被映射图像]" usemap="#[映射map标签name]" />
如：
<map name="test">
<area shape="rect" coords="0,0,100,100" href="img/logo.jpg" title="logo"/>
</map>
<img title="agoogle" width="188" height="200" src="img/agoogle-view.jpg" usemap="#test" />
coords 属性详细解释：
<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。
坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。
coords 属性规定区域的 x 和 y 坐标。
coords 属性与 shape属性配合使用，来规定区域的尺寸、形状和位置。
图像左上角的坐标是 "0,0"。
下面列出了每种形状的适当值：
圆形：shape="circle"，coords="x,y,r"
这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。
多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."
每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。
多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。
矩形：shape="rectangle"，coords="x1,y1,x2,y2"
第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。
参考：http://www.w3school.com.cn/tags/att_area_coords.asp