HTML超链接之伪类注意事项

简介: 今天在复习html相关知识的时候发现了一个很常用,却经常被人们所忽略的知识点。那就是超链接伪类的使用。下面我就直接用代码来说明这一切。伪类的相关代码 超链接伪类的使用 a:link{...

今天在复习html相关知识的时候发现了一个很常用,却经常被人们所忽略的知识点。那就是超链接伪类的使用。下面我就直接用代码来说明这一切。


伪类的相关代码


<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>超链接伪类的使用</title>
    </head>
    <style type="text/css">
        a:link{
            color: gray;
        }
        a:visited{
            color: purple;
        }
        a:hover{
            color: red;
        }
        a:active{
            color: green;
        }
    </style>

    <body>
        伪类,说是标签的四种控制方式,其实也可以认为是四种不同的状态的显示,如下
        <hr />
        <br />
        <br />
        <br />
        <a href="#">这里是一个超链接</a>
        <br></br>
        <ul>
            <li>注意在style中的顺序必须是LVHA,否则界面刷新出来的时候会打散你的想象的!</li>
            <li>LVHA分别代表:Link初始化的状态;Visited浏览过超链接的状态;Hover鼠标划上超链接时候的状态;Active表示正在点击超链接时刻的状态</li>
            <li>一般来说,这四种状态我们最为常用的是HV,而AC基本上不怎么用。</li>
            <li>注意对超链接的合理的使用!否则会产生超链接泛滥的负面效果!</li>
        </ul>
    </body>

</html>

在代码中我已经对伪类的使用做了一个小的总结,所以就不再进行总结了。


结果展示


这里写图片描述

目录
相关文章
|
6月前
如何在HTML文件中添加超链接
如何在HTML文件中添加超链接
156 0
|
6月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
|
6月前
|
前端开发
HTML超链接大致分为以下7类
HTML超链接大致分为以下7类
178 1
|
30天前
|
JavaScript 前端开发 UED
HTML 超链接的多种类型及应用
【10月更文挑战第17天】HTML 超链接类型丰富多样,它们共同构成了网页中不可或缺的导航和交互元素。通过合理地选择和运用这些超链接类型,我们可以为用户创造更加流畅和便捷的浏览体验,提升网站的可用性和吸引力。
35 1
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
43 2
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
51 13
|
2月前
HTML的超链接
HTML的超链接。
37 6
|
4月前
|
前端开发
HTML 超链接
【7月更文挑战第1天】HTML 超链接。
54 1
|
4月前
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
167 0
|
5月前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
64 0

热门文章

最新文章

下一篇
无影云桌面