HTML基础学习——超链接

一.超链接

1.标签的基本使用

• 标签定义超链接，用于从一张页面链接到另一张页面。
• 元素最重要的属性是 href 属性，它指示链接的目标。

• 在所有浏览器中，链接的默认外观是：
  1.未被访问的链接带有下划线而且是蓝色的
  2.已被访问的链接带有下划线而且是紫色的
  3.活动链接带有下划线而且是红色的
  代码示例如下：

  
  
  01-1代码
  
  
  01-2代码
  
  
  01-1结果
  
  
  01-2结果
  
  
  跳转结果

• 标签的href属性
  属性作用：设置链接的地址
  绝对URL：
  欢迎进入百度首页
  相对URL：
  打开当前文件夹的文件01.html
  示例代码：

  
  
  示例代码
  
  
  结果页面
  
  

  第一个链接结果：

  
  
  结果1
  
  第二个链接结果：
  
  结果2
  
  第三个链接结果：
  
  结果3

2.标签的title属性

可以为标签定义附加的信息
定义了title时，当光标放在链接上面时，就会出现一个小标题，如图所示：

代码如下

结果如下

结果

3.标签创建锚链接

1.通过使用href属性，创建指向另外一个文档的链接
2.通过使用id属性，创建一个文档内部的书签
代码示例：

示例1

结果1

对于比较长的文章，可以用锚链接来进行跳转

示例代码

结果1上半部分

结果1下半部分

4.标签的target属性

1.target="_self",将在当前窗口打开页面
2.target="_blank",将在新窗口中打开页面
3.target="窗口名"，将在指定的窗口打开页面

代码示例

结果

点击第一个链接的时候：会在当前窗口打开腾讯的页面

结果1

点击第二个链接的时候：打开一个新窗口打开新浪页面

结果2

点击第三个链接的时候：在指定的窗口显示百度页面

结果3

点击第四个链接的时候：直接在百度页面显示有道页面

结果3

（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）