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

2019-09-07 郑州网站建设  

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

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

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

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

a超链接又喻为锚文本。

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

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

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

1、a标签运用语法构造

<a href=http://www.divcss5.com/html/"/www.css5.com.cn">CSS5网页</a>

超链接a实例截图


超链接a实例截图

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

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

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


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

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

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

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

三、a标签超链接示例  

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

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

文本超链接成绩截图

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


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

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

<p> <a href=http://www.divcss5.com/html/"/www.css5.com.cn/"> <img src=http://www.divcss5.com/html/"/www.css5.com.cn/imgthink2015/标志.gif" /> </a> </p>

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

图片锚文本超链接A实例


图片锚文本超链接A实例

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

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

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

网址相对于蹊径:/aaa/abc.html
相对蹊径,相当于网站根目录下/aaa/你abc.html网页。()


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1082.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • 链接
  • 文本
  • 标签