首页 > 代码库 > 超链接<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>