【a标签的使用和属性】

a标签的使用和属性

a标签的使用

属性（属性值）

1、href（需要跳转到哪个页面）（存放跳转的地址url）

2、target（打开目标的形式）（定义在何处打开链接）

target="_blank" 打开方式为一个空白页

target="_self" 默认方式，在自身页面打开

3、title（为a标签增加一个提示文本<当鼠标悬停在文字时显示出来>）

伪类（含义）

1、：link（默认状态）a标签还未被访问的状态；

2、：visited（访问后状态）a标签已被访问过的状态；

3、：hover（悬停状态）鼠标悬停在a标签上的状态；

4、：active（激活状态）a标签被鼠标点击时的状态。

书写顺序：

“爱恨：LoVe HAte”

1、：link

2、：visited

3、：hover

4、：active

a标签的4个伪类的书写顺序按照上面的顺序书写，因为更改顺序会出现有些状态显示不出来。

优先级：

a标签的伪类选择器的优先级和类名选择器的优先级是一样的，

都是：0 0 1 0

img标签的使用

属性（含义）

1、alt（代替性文本）

2、title（描述性文本）

【a标签的使用和属性】相关推荐

随手记一次用C#正则表达式获取下拉菜单html标签select以及相关属性值
随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值 1:有如下html: .................. <select id="aaa ...
HTML5 标签、事件句柄属性以及浏览器兼容情况速查手册
随着主流浏览器对 HTML5 的不断支持和完善,越来越多的开发者开始使用 HTML5 来开发各种功能强大的 Web 应用程序,HTML5 正引领互联网新革命.为了方便大家更好的学习 HTML5,今天这 ...
Web前端开发笔记——第二章 HTML语言第一节标签、元素、属性
目录一.什么是HTML? 二.标签 (一)标签.元素的定义 (二)标签的嵌套 (三)标签的属性 (四)父元素.子元素.兄弟元素三.HTML DOM树结语一.什么是HTML? HTML语言,即超 ...
php 去除 html 属性,用PHP 去掉所有html标签里的部分属性
用PHP 去掉所有html标签里的部分属性 http://zhidao.baidu.com/question/418471924.html 用PHP 去掉所有html标签里的部分属性 tppabs s ...
超链接href属性_如何使用标签上的HREF属性制作HTML超链接
超链接href属性 A website is a collection of web pages. And these pages need to be linked or connected by ...
[html] html标签中的lang属性有什么作用？
[html] html标签中的lang属性有什么作用? 根据lang属性来设定不同语言的css样式,或者字体告诉搜索引擎做精确的识别让语法检查程序做语言识别帮助翻译工具做识别帮助网页阅读程序做识别等等 ...
java props_spring:使用prop标签为Java持久属性集注入值
spring:使用标签为Java持久属性集注入值使用 spring 提供的为Java持久属性集注入值,也就是向 java.util.Properties 对象中注入值. 是简化了的 ,该元素对应配置 ...
CSS笔记-除了a标签外的hover属性的应用
CSS笔记-除了a标签外的hover属性的应用内容简介:以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的. 有一段这样的html: div a href=# img alt=i am ...
script标签中的crossorigin属性
在前端监控逐渐完善的今天,页面中错误日志的上报可以说对我们的日常工作带来了极大的帮助. 而使用 window.onerror 事件来捕获 js 脚本中的错误信息是重要的手段 . 但是对于跨域的资源 , ...
html标签中的lang属性
写在html标签中的lang属性作用:声明当前页面的语言类型. 如: <html lang='en'></html> //英文 <html lang='zh'>&l ...