与链接相关的不同颜色是什么，以显示它们在 HTML 中的重要性？

链接是一个 HTML 对象，用于将一个 Web 资源连接到另一个。它用于通过单击跳转到网络上的新位置。 标签用于在 HTML 文档中插入链接。链接是交互式元素，并且表示它们的交互性链接在 HTML 中根据其当前状态（即已访问、未访问或活动）具有不同的颜色。不同链接状态的默认样式如下。

• 未访问的链接：下划线和蓝色
• 访问链接：下划线和紫色
• 活动链接：下划线和红色

未访问的链接：将用户带到他们以前从未见过的网页的超链接称为未访问的链接。默认情况下，这些是蓝色的，链接的文本显示为带下划线的文本。

示例 1：

HTML

  

    
Default style of unvisited link:
    
Unvisited Link
  
    
        GeeksforGeeks
    

  

输出：

示例 2：未访问链接的默认状态颜色可以使用CSS 更改：链接选择器。以下代码将未访问链接的颜色更改为“红色”。

HTML

  

    

  

    
Changing default color of unvisited link:
    
Unvisited Link
  
    
        GeeksforGeeks
    

  

输出：

已访问链接：将用户带到他们已经访问过的网页的超链接称为已访问链接。默认情况下，这些是“紫色”的，链接的文本显示为带下划线的文本。

例子：

HTML

  

    
Default style of visited link:
    
Visited Link
  
    
        GeeksforGeeks
    

  

输出：

使用 CSS 样式的已访问链接：已访问链接的默认状态颜色可以通过使用“ CSS：已访问”选择器进行更改。以下代码将访问链接的颜色更改为“绿色”

例子：

HTML

  

    

  

    
Changing default color of visited link:
    
Visited Link
  
    
        GeeksforGeeks
    

  

输出：

活动链接：超链接显示浏览器正在加载称为活动链接的新资源。默认情况下，这些为“红色”，链接文本显示为带下划线的文本。

示例 1：

HTML

  

    
Default style of active link:
    
Active Link
  
    
        GeeksforGeeks
    

  

输出：

示例 2：可以使用“ CSS :active”选择器更改活动链接的默认状态颜色。以下代码将活动链接的颜色更改为“黄色”。

HTML

  

    

  

    
Changing default color of active link:
    
Active Link
  
    
        GeeksforGeeks
    

  

输出：

悬停链接：当鼠标悬停在其上时更改其属性值的超链接称为悬停链接。可以使用链接的“ CSS: hover ”选择器更改链接的默认颜色。以下代码将悬停链接的颜色更改为“橙色”。

例子：

HTML

  

    

  

    
Changing color of link on hovering:
    
Hover Link
  
    
        GeeksforGeeks
    

  

输出：