HTML基础学习——超链接

一.超链接

1.<a>标签的基本使用

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

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

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

• <a>标签的href属性
  属性作用：设置链接的地址
  绝对URL：
  <a href="http://www.baidu.com">欢迎进入百度首页</a>
  相对URL：
  <a href="01.html">打开当前文件夹的文件01.html</a>
  示例代码：

  
  示例代码
  结果页面
  

  第一个链接结果：

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

2.<a>标签的title属性

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

代码如下
结果如下
结果

3.<a>标签创建锚链接

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

示例1
结果1

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

示例代码
结果1上半部分
结果1下半部分

4.<a>标签的target属性

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

代码示例
结果

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

结果1
点击第二个链接的时候：打开一个新窗口打开新浪页面
结果2
点击第三个链接的时候：在指定的窗口显示百度页面
结果3
点击第四个链接的时候：直接在百度页面显示有道页面
结果3

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