1）超链接使用

基本语法

  1.  <a href=”访问地址”>文字内容</a><br /><a href="[https://www.baidu.com"](https://www.baidu.com") target="_blank">百度</a>

功能

标签定义超链接。它用于从一个页面连接到另一个页面。

属性介绍

1、href 属性

链接的目标url地址。
目标url地址：可以是绝对路径。也可以是相对路径。

2、target 属性

在何处打开目标 URL。仅在 href 属性存在时使用。值为：_blank、_self、_parent、_top

值 描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

提示：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

2）锚点链接

作用：

链接到当前页面的某个位置
执着锚点

定义锚点：

</ a>

超链接：

< a href=” “>图片 | 文字</ a>

3）超链接样式

基本语法

a{
样式名:值;
}

功能

设置超链接点击前、点击后的样式。

示例

  1. 1、a:link定义正常链接的样式
  3.         a:link {
  4.             color:red;
  5.             text-decoration:underline;
  6.         }
  8.         color:red;  颜色为红色
  9.         text-decoration:underline; 下划线
  11.     2、a:visited 定义已访问过链接的样式
  13.         a:visited {
  14.             color:green;
  15.             text-decoration:none;
  16.         }
  18.         color:black; 颜色为绿色
  19.         text-decoration:none; 无下划线
  21.     3、a:hover 定义鼠标悬浮在链接上时的样式
  23.         a:hover {
  24.             color:black;
  25.             text-decoration:none;
  26.         }
  28.         color:black; 颜色为黑色
  29.         text-decoration:none; 无下划线
  31.     4、a:active 定义鼠标点击链接时的样式
  33.         a:active {
  34.             color: white;
  35.             text-decoration:none;
  36.         }
  38.         color: white;  颜色为白色
  39.         text-decoration:none;  无下划线