html <a>标签 【A超链接 A锚文本】

html <a>标签 【A超链接 A锚文本】

<a> 标签界说html超链接 锚文本，用于从一张页面链接到另外一张页面。但点击超链接对象时从A页面转到B页面（打开其它一张页面）效用。

<a> 元素最重要的属性是 href 属性，它批示链接的目的。

html a标签内最少要设置一个href属性，href属性是设置装备摆设链接到目标的网页的网址或页面蹊径地址URL。

a超链接又喻为锚文本。

一、html a超链接标签语法机关

a超链接是兼容各大浏览器的，采集PC与电话阅读器均支持，也是一个页面转到此外一个页面需求标签。

html a语法
a标签是一对有匹面有闭合标签，里面可以放直接文字，也能够放图片img标签引入图片，让图片存在超链接锚文本机能

1、a标签运用语法构造

<a href="//www.css5.com.cn">CSS5网页</a> 

超链接a实例截图

阅读器中翻开此网页后，点击“CSS5网页”将掀开css5.com.cnweb。

2、<a>语法布局赏析图

html a超链接锚文本使用组织阐发图

二、html a配置首要紧要属性

a标签可以用的属性及值简介
href —— 值为网页URL门路比喻“//www.css5.com.cn” 、“//www.css5.com.cn/html/”【A必需属性值】

target —— _blank、_parent、_self、_top 网页目的掀开方式，遵循需求决意，一般设置装备摆设“_blank”新窗口翻开指数URL，也许不设置target 将所在网页从新载入目的URL【不是必须属性值】

三、a标签超链接示例

1、对翰墨配置a超链接锚文本
直接对翰墨文本设置装备摆设a超链接实例html代码

<p> 
<a href="//www.css5.com.cn/">点我会见</a>CSS5web！ 
</p> 
<p> 
<a href="//www.css5.com.cn/" target="_blank">点我将新窗口造访</a>CSS5web！ 
</p> 

文本超链接成绩截图

html超链接锚文本a标签实例截图

2、对图片设置装备摆设a超链接
对html引入图片设置超链接实例HTML代码

<p> 
<a href="//www.css5.com.cn/"> 
<img src="//www.css5.com.cn/imgthink2015/logo.webp" /> 
</a> 
</p> 

图片配置a超链接实例截图

图片锚文本超链接A实例

四、html a超链接 a锚文本总结

html超链接锚文本标签<A>是设置从A页面链接到B页面，不论文字链接照样图片均相通用法，额外留心锚文本超链接标签配置href路子url定然精确，防御链接不对。值得留意url可所以网址、站点相对途径、网站相对蹊径，如果是网址不要忘记http://。

相对阶梯与相对途径容易明确：
URL相对蹊径：bbb/ccc.html
这类等于相对途径，至关于今朝翻开网页路径若是你此时网页地点URL“http://www.XXX.com/cc/ab.html”那么你点击这个url后,将是“http://www.xxx.com/cc/bbb/ccc.html”。

URL相对于蹊径：/aaa/abc.html
相对蹊径，相当于网站根目录下/aaa/你abc.html网页。（http://www.xxx.con/aaa/abc.html）