【HTML 基础】03 超链接

基本用法

• 概述
  超链接可以是文字，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
• 语法

    <a href="url">链接内容</a>

• 链接内容
  不必一定是文本。图片或其他 HTML 元素都可以成为链接。
• href属性
  定义跳转的url地址，url除了是网页外,还可以是其它的文件(如文本文件,pdf文件等)
• target 属性
  定义被链接的文档在何处显示。属性值有：
  
  • _blank 在一个新的窗口中打开链接
  • _seif(默认值) 在当前窗口中打开链接
  • _parent 在父窗口中打开页面（框架中使用较多）
  • _top 在顶层窗口中打开文件（框架中使用较多）
• title属性
  附加提示信息，鼠标在链接上停留显示的提示信息

绝对路径和相对路径

• 概念
  
  • 绝对路径是以Web站点根目录为参考基础的目录路径
  • 相对路径是以引用文件之网页所在位置为参考，建立出的目录路径
• 路径所使用的特殊符号
  
  • ”.”， 代表目前所在的目录，也可以省略“.”
  • “..”，代表上一层目录
  • “/”，代表根目录
    
    

锚点链接

使用锚点链接，我们可以创建直接跳至该命名锚（比如页面中某个小节）的位置，这样就无需不停地滚动页面来寻找他们需要的信息了。

• 自定义锚点
  先使用a标签的name属性定义锚点，然后使用a标签的href属性中#链接锚点

step1.命名锚点    <a name="label">锚（显示在页面上的文本等）</a>step2.链接锚点    <a href="#label">提示文言</a>

• id锚点
  可以使用控件id作为锚点

step1.定义控件id    <h2 id="title1">控件内容</h2>step2.链接锚点    <a href="#title1">提示文言</a>

• 定位到文档顶部（返回顶部）
  链接锚点时，可直接使用#返回文档，实际上当#后面的锚点不存在时返回顶部。

<a href="#"><h2>返回顶部</h2></a>

• 定位到其他页面的锚点

<a href="index3_1.html#other" target="_blank">链接其他页面锚点</a> 

---

---