1、<a href="#" target="_self原窗口-默/_blank新窗口/_top/_parent"></a>
绝对路径：file:///d:/......跨盘符时用
相对路径：../上一级、./当前文件----------当前文件位置改变则打不开目标文件
链接到邮箱：<a href="mailto:*@qq.com">给我发邮件</a>
下载文件：<a href="/download/office2007.rar">下载office2007</a>
2、锚点链接
<a name=”锚点名”></a>或者<a id=”锚点名”></a>；
<a href=”#锚点名”>回到顶部</a>。
3、图片标记
<img src="图片地址" alt="图片不存在时显示的文字" title="鼠标放上时显示的文字信息" border="1" height和width />
4、a标签默认样式
在所有浏览器中，链接的默认外观是：
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
css中更改样式：a:link,a:visited{color:#00f;text-decoration:none}和a:hover{color:#f00;text-decoration:underline}。
5、给一张图片增加多个超级链接
<img src=”” usemap=”#tupian”>
<map name=”tupian”>
<area shape="rect(矩形)、circle(圆形)、poly(多边形)" coords=”x1,y1,x2,y2或x1,y1,r或x1,y1...xn,yn” href=”” title=”当鼠标放上图片时显示的文字”/>
<area/>
<area/>
......
注：使用Dreamweaver可以快速增加多个超链接，图形化操作！
6、多媒体标记
<embed src="源文件地址" width、height /> ：HTML5标记