首页 > 代码库 > 超链接<a></a>
超链接<a></a>
1、<a href="http://www.mamicode.com/#" target="_self原窗口-默/_blank新窗口/_top/_parent"></a>
绝对路径:file:///d:/......跨盘符时用
相对路径:../上一级、./当前文件----------当前文件位置改变则打不开目标文件
链接到邮箱:<a href="mailto:*@qq.com">给我发邮件</a>
下载文件:<a href="http://www.mamicode.com/download/office2007.rar">下载office2007</a>
2、锚点链接
<a name=”锚点名”></a>或者<a id=”锚点名”></a>;
<a href=http://www.mamicode.com/”#锚点名”>回到顶部。
3、图片标记
<img src="http://www.mamicode.com/图片地址" 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=http://www.mamicode.com/”” usemap=”#tupian”>
<map name=”tupian”>
<area shape="rect(矩形)、circle(圆形)、poly(多边形)" coords=”x1,y1,x2,y2或x1,y1,r或x1,y1...xn,yn” href=http://www.mamicode.com/”” title=”当鼠标放上图片时显示的文字”/>
<area/>
<area/>
......
注:使用Dreamweaver可以快速增加多个超链接,图形化操作!
6、多媒体标记
<embed src="http://www.mamicode.com/源文件地址" width、height /> :HTML5标记
超链接<a></a>