【HTML 基础】03 超链接

基本用法

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

    链接内容

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

绝对路径和相对路径

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

  • "/"，代表根目录

    
    
    

    资源路径
    
    
    

    相对路径和绝对路径示例

锚点链接

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

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

step1.命名锚点
    锚（显示在页面上的文本等）
    
step2.链接锚点
    提示文言

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

step1.定义控件id
    
控件内容
   
step2.链接锚点
    提示文言

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

返回顶部

• 定位到其他页面的锚点

链接其他页面锚点 

点滴分享 共同进步

---

---