HTML链接

<a></a>

常用属性：

           href：目标文件的地址，相对地址或绝对地址

           target：目标文件的打开窗口   取值：_blank在新窗口打开(默认)，_self在当前窗口打开，_parent在父级窗口打开，_top在最顶级窗口打开

           _parent和_top经常在框架中应用

          name：定义锚点链接的名称

绝对地址：

           1、远程的绝对地址：访问远程的文件总是以域名开头

           2、本地的绝对地址：

相对地址：

           1、当前文件和目标文件是同级关系

<a href="b.html">链接</a>

           2、当前文件和目标文件所在的文件夹是同级

<a href="文件夹名/b.html">链接</a>

 

           3、当前文件所在的文件夹和目标文件是同级

           上两级目录：../../

           上三级目录：../../../

<a href="../b.html">链接</a>

 

特殊链接：

<a href="网页不能执行文件的地址">下载链接</a>

在网页上执行的文件：   .jpg   .png   .gif   .html   .htm   .php   .txt

出现下载提示的文件：   .doc   .xls    .ppt  .rar     .psd

邮箱链接：

<a href="mailto:邮箱名">请给我发邮件</a>

 

普通空连接：会在地址栏后面追加#

<a href="#">普通空链接</a>

 

代码链接：

<a href="javascript:window.close()">关闭窗口</a>

 

锚点链接：在同一个网页的不同位置进行跳转

           1、定义锚点：锚点名称只能以字母开头，不能是汉字

<a name="锚点名称"></a>

 

           2、跳转：文件名可有可无

<a href="文件名#锚点名称">跳转至锚点</a>

 

图片链接：b.html

 

<a href="a.html"><img src="pic/a.jpg" ></a>

 

给一张图片加多个链接：

结构：

<img src="pic/a.jpg" usemap="#map">
<map id="map">
    <area shape="" coords="" href="">
    <area shape="" coords="" href="">
    <area shape="" coords="" href="">
</map>

 

<area>

常用属性：

           shape：热区的形状   取值： rect   circle   polygon多边形

           coords：坐标 

                      shape="rect"：  coords="x1,y1,x2,y2";

 

                      

 

                      shape="circle"：coords="x,y,r";