A标签

<a>标签表示超链接写法为 <a></a>

其基本属性有:

accesskey-- 代表一个链接的快捷键访问方式

charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8

coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标

href -- 代表一个链接源(就是链接到什么地方)

hreflang -- 指出了链接到的页面所使用的语言编码

rel-- 代表文档与链接到的内容(href所指的内容)的关系

rev -- 代表文档与链接到的内容(href所指的内容)的关系

shape -- 使用图像地图的时候可以使用shape指定链接区域

tabindex -- 代表使用"tab"键,遍历链接的顺序

target-- 用来指出哪个窗口或框架应该被此链接打开

<a href="目标url">描述文本</a>
链接a标签说明

a-- 是链接的标签

href-- 是链接的属性,告诉浏览器链接到的网址(URI)

url-- 是我们要链接到的网页或者文件的路径。

如果预先在页面上留了块位置,想让超链接链接到的页面就在本页的预留位置上显示的话,这就需要用到,iframe这个标签和target这个属性,iframe就是用来嵌入页面的内联架构而target则是用来连接<a>和<iframe>的,其语法为:

<a herf="#" target="main"></a>

<iframe src="#" width="100" heigth="100" id="main"></iframe>

要注意的是<a>里面的target的值一定要和iframe里面的id的值一样以及iframe的width和heigth的值也要和预留的空间的width和heigth值一样。

和<a>经常结合起来用的伪类选择器是:a:link    a:visited    a:hover    a:active。
如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了”链接、已访问过的链接、鼠标停在上方时、点下鼠标时”的样式。注意,必须按以上顺序写,否则显示可能和你预期的不一致。记住它们的顺序是“LVHA”。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值