首页 > 代码库 > web application——HTML链接

web application——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="http://www.mamicode.com/pic/a.jpg" ></a>

 

web application——HTML链接