飙血推荐
  • HTML教程
  • MySQL教程
  • JavaScript基础教程
  • php入门教程
  • JavaScript正则表达式运用
  • Excel函数教程
  • UEditor使用文档
  • AngularJS教程
  • ThinkPHP5.0教程

HTML超链接标签<a>

时间:2021-11-09  作者:  

定义和用法

<a> 标签定义超链接,点击超链接会跳到它href属性指定的目标页面。

在所有浏览器中,链接的默认外观都是一样的:

没有被点击的的链接是蓝色的有下划线

已被点击的链接是紫色的带有下划线

鼠标停留在链接上是红色的带有下划线

默认的颜色、字体大小、下划线都可以被重新定义,可以使用 CSS 伪类 向文本超链接添加自己想要的样式。

超链接实例

指向 baidu 的超链接:

<a href="http://www.baidu.com">百度</a>

指向站内文章页的超链接:

<a href="http://www.yangzhiw.cn/jisuanji/48.html">HTML是什么</a>

显示效果为:HTML是什么

使用了多个属性的连接实例:

<a href="/jisuanji/48.html" target="_blank" shape="circle" coords="129,161,10" >HTML是什么</a>

上面的连接使用了target属性,值是_blank在新窗口打开,shape属性值为circle是圆形,使用shape属性需要coords属性配对使用,coords的格式是“x坐标,y坐标,半径”。

超链接的特性:

1.所有浏览器都支持 <a> 标签。

2.如果不使用 href 属性,则不可以使用:download, hreflang, media, rel, target 以及 type 属性。

3.被链接页面通常显示在当前浏览器窗口中,target 属性能够定义新的窗口打开。

<a> 标签支持的属性:

属性
描述
charsetchar_encoding
HTML5 中不支持。规定被链接文档的字符集。
coordscoordinatesHTML5 中不支持。规定链接的坐标。
downloadfilename规定被下载的超链接目标。
hrefURL你定义的指向的页面的地址。
hreflanglanguage_code被链接文档的语言。
mediamedia_query被链接文档是为何种媒介/设备优化的。
namesection_nameHTML5 中不支持。规定锚的名称。
reltext当前文档与被链接文档之间的关系。
revtextHTML5 中不支持。规定被链接文档与当前文档之间的关系。
shapedefault
rect
circle
poly
连接形状,默认。
矩形区域
圆形区域
多边形区域
target_blank
_parent
_self
_top
framename
连接打开位置,新窗口
上级窗口
当前窗口
顶级窗口
指定frame名称
typeMIME type规定被链接文档的的 MIME 类型。


湘ICP备14001474号-3  投诉建议:234161800@qq.com   部分内容来源于网络,如有侵权,请联系删除。