您的位置:CSS5 > HTML >

 

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="//css5.com.cn">CSS5网页</a> 

超链接a实例截图
超链接a实例截图

浏览器中打开此网页后,点击“CSS5网页”将打开css5.com.cn网站。

2、<a>语法结构分析图

html a超链接锚文本使用结构分析图
html a超链接锚文本使用结构分析图

二、html a设置主要重要属性

a标签可以用的属性及值介绍
href —— 值为网页URL路径比如“//css5.com.cn” 、“//css5.com.cn/html/”【A必须属性值】

target —— _blank、_parent、_self、_top 网页目标打开方式,根据需求选择,一般设置“_blank”新窗口打开目标URL,或者不设置target 将所在网页重新载入目标URL【不是必须属性值】

三、a标签超链接示例

1、对文字设置a超链接锚文本
直接对文字文本设置a超链接实例html代码

<p> 
<a href="//css5.com.cn/">点我访问</a>CSS5网站!
</p>
<p>
<a href="//css5.com.cn/" target="_blank">点我将新窗口访问</a>CSS5网站!
</p>

文本超链接效果截图

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

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

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

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

图片锚文本超链接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)

标签(Tag): a 链接 锚文本
本文分享URL地址:http://css5.com.cn/html/989.shtml

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2016-08-01     点击:
原创:CSS5     来源网址:http://css5.com.cn/html/989.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!