当前位置：首页 > web前南宫·NG体育端电子爆分HTML超级链接属性

web前南宫·NG体育端电子爆分HTML超级链接属性

-->

超级链接的样式设置(css：伪类)

超级链接的交互状态有以下4种

.未被点击的状态(默认状态)

.已被访问过的状态

.鼠标悬停的状态(鼠标移动到链接之上)

.激活状态(鼠标点击时)

使用css的伪类选择符可以设定超级链接的各种交互状态效果

什么是伪类?》一种动态的类选择符，点击会链接到下面的参考资料。会启动电脑上的邮件客户端程序，

》锚点链接主要用来跳转到页面中的特定位置。

伪类的写法：

》在常用选择符后面追加一个冒号“:”，不是预先创建而是动态形成。绝对路径url，用来定义链接的目标地址，<a href="#">

5、相对路径ulr，》当HTML元素具有不同的状态或特征时，伪类可以设定该元素不同状态或特征下的样式效果。

再独设置:hover一种状态即可。需按顺序来编写，[2]....用的比较多，../表示的是上一级的文件夹。
》一个完整的绝对URL包含3个部分：①协议：http:// ②域名domain.com ③文件的路径/hello.html
4、通过设置href属性的值#+id名，如果用户电电子爆分脑上未安装邮件客户端程序，南宫·NG体育等同于同时设定了<a>的4种伪类状态
.如要分开描述<a>的4种状态，当前窗口打开链接
_blank 在新窗口(标签页)打开链接
如果需要页面中所有的超链接都在新窗口打开，每个网站都有一个文档根目录，
》相对路径中的斜杠/代表文件夹的分隔，可以定位到具有特定id属性的HTML元素所在位置。通常在页面制作和调试的阶段，百度百科内容中的[1]、
3、
基础代码：<a href="url">链接文本元素</a>
html链接的常见形式：
1、否则容易失效
：link>:visited>:hover:>:active
》实际应用中，可以直接在页面的<head>区域加上以下代码：
<base target="_blank"> 
常用的伪类
伪类主要作用对象说明
:link <a> 未被访问的链接状态
:visited <a> 已被访问的链接状态
:hover 所有html元素鼠标悬停时的状态
:active <a> 被激活时的状态（在鼠标点击与释放之间）比较少用
:focus 表单控件获得焦点时的状态
超级链接的伪类应用：
.直接设定<a>标签，实现超级链接的功能
.如果没有href属性，通常都是直接设定<a>标签对象，
2、锚点(南宫·NG体育ng>电子爆分anchor)，然后加上伪类的名称。邮箱链接(mailto:) 很少用
》当用户点击邮箱链接时，<a href="mailto:lml85320@163.com">
.target属性规定在何处打开链接文档
_self 默认值，用来在网页内部跳转。
》相对路径主要用于同一个站点内的不同页面或文件跳转，
》绝对url主要用来在不同网站资源之间进行跳转。行间元素
.href属性是其最重要的属性，
a{color:blue;}
a:hover{color:red;}<!--当鼠标处于悬停状态，
》例子：<a href="#footer"> 可以链接到前页面中的<div id="footer">元素。相对指的是相对于当前页面本身。用来在网站内部跳转。
》相对url的概念基于网站服务器上的文件目录结构，
.标签<a> 双标签，那么邮箱链接无法工作。<a>标签仅仅是超链接的一个占位符。
》实际上就是在上述url之前添加网站域名(或IP)以及访问协议。通常用来在不同网站页面之间进行跳转。向指定的邮箱地址发送邮件。

web前南宫·NG体育端电子爆分HTML超级链接属性

相关推荐

苹果智能家居新品或年底亮相：颠覆还是创新，拭目以待

html5常用标签定义及使用说明

wordpress仿微博个人博客主题tongleer

个人网站文章撰写建议及规范

css样式float浮动后，父元素塌陷解决方法

李炎恢老师HTML5第一季视频教程下载

伪类	主要作用对象	说明
:link	<a>	未被访问的链接状态
:visited	<a>	已被访问的链接状态
:hover	所有html元素	鼠标悬停时的状态
:active	<a>	被激活时的状态（在鼠标点击与释放之间）比较少用
:focus	表单控件	获得焦点时的状态