你的位置:首页 > 软件开发 > 网页设计 > HTML系列(五):超链接

HTML系列(五):超链接

发布时间:2016-03-03 13:00:04
<a> 标签定义超链接,最重要的属性是 href 属性,它指示链接的目标。通过将href属性设定不同类型的值可以使链接指向不同类型的链接地址:内部链接、外部链接、锚链接。 内部链接指的是同一域名网站内部页面的相互链接;外部链接指从某一域名网页指 ...

     <a> 标签定义超链接,最重要的属性是 href 属性,它指示链接的目标。通过将href属性设定不同类型的值可以使链接指向不同类型的链接地址:内部链接、外部链接、锚链接。

     内部链接指的是同一域名网站内部页面的相互链接;外部链接指从某一域名网页指向外部域名网站的链接;锚链接指从某个域名外部所有以文字带超链接指向这个域名的链接,是影响网站关键词在搜索引擎中排名的重要因素。

HTML系列(五):超链接

一、指向外部的超链接

     <a href="外部页面链接地址">链接文本</a>

二、相对路径

     当源文件和引用文件在同一个目录里,直接引用文件名;使用../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推;引用下级目录文件,直接写下级目录文件名,用/隔开。

三、页面内超链接

     当一张页面上篇幅较长,用户查找困难,就可以用页面内超链接作为导航。页面内超链接也称作锚链接,类似于书签的功能,实现在页面内不同位置的跳转,用户不需要反复拖动滚动条进行定位。

     做法:通过a的name属性定义锚的名称,通过a的href属性可以根据name跳到对应的锚。

     示例代码:

 1 <body> 2 <h1>HTML 教程目录</h1> 3  4 <ul> 5 <li><a href="#C1">第一章</a></li> 6 <li><a href="#C2">第二章</a></li> 7 <li><a href="#C3">第三章</a></li> 8 <li><a href="#C4">第四章</a></li> 9 <li><a href="#C5">第五章</a></li>10 <li><a href="#C6">第六章</a></li>11 <li><a href="#C7">第七章</a></li>12 <li><a href="#C8">第八章</a></li>13 </ul>14 15 <h2><a name="C1">第一章</a></h2>16 <p>本章讲解的内容是 ... ...</p>17 18 <h2><a name="C2">第二章</a></h2>19 <p>本章讲解的内容是 ... ...</p>20 21 <h2><a name="C3">第三章</a></h2>22 <p>本章讲解的内容是 ... ...</p>23 24 <h2><a name="C4">第四章</a></h2>25 <p>本章讲解的内容是 ... ...</p>26 27 <h2><a name="C5">第五章</a></h2>28 <p>本章讲解的内容是 ... ...</p>29 30 <h2><a name="C6">第六章</a></h2>31 <p>本章讲解的内容是 ... ...</p>32 33 <h2><a name="C7">第七章</a></h2>34 <p>本章讲解的内容是 ... ...</p>35 36 <h2><a name="C8">第八章</a></h2>37 <p>本章讲解的内容是 ... ...</p>38 39 </body>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:HTML系列(五):超链接

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。