首页 HTML/CSS html基础第九课:htm...

html基础第九课:html超链接标签

作者:

修改日期:

网页中使用频率最高的html标签是超链接标签,当你打开一个网页的时候你会发现,当点击网页的导航、logo、侧边最新文章、图片等的时候都会打开一个新的页面,这就是应用了html的超链接标签实现的,而我们在书写文章的时候也需要在文章适当的插入超链接标签,这样既可以提高用户的体验度,也可以提高网站的抓取量,那么怎么去创建一个超链接呢,先看一个使用案例:
这是一个超链接点击学建站网会进入学建站网的首页!
这就是一个典型的超链接应用例子,下面看下这个超链接的代码显示效果:

  1. 这是一个超链接点击<a href=“http://www.xuejianzhan.com/” target=“_blank”>学建站网</a>会进入学建站网的首页!  

案例中的<a href=”http://www.xuejianzhan.com/” target=”_blank”>学建站网</a>即为一个超链接代码。
代码讲解:
超链接标签:;
目标路径属性:href=”url路径”;
打开方式属性:target=””;
以上是给学建站网这几个字添加超链接,那怎么给一个图片添加超链接呢,再看案例:
学建站
当点击学建站网logo的时候就可以进入学建站网的首页了,具体代码应用:

  1. <a href=“http://www.xuejianzhan.com/”><img src=“http://www.xuejianzhan.com/wp-content/themes/wpseo/statics/images/logo/logo.gif” alt=“学建站” /></a>  

聪明的你一定看出规律了,其实很简单,当我们需要给文本添加链接的时候,只需要在a标签中添加显示的文本,而当我们需要给图片添加超练级的时候,则需要把显示的文本替换为图片标签即可。