html网页中的超链接代码用a标签来设置


html网页中的超链接代码用a标签来设置,把a放入符号<>中间,写成这样<a>,然后在a的后面用空格隔开添加属性和对应的值,用</a>结束,最后在<a>与</a>中间放入需要链接的元素,比如文字、图片。

a标签的属性和对应的值非常多:

a标签的属性和对应的值

常用的有属性href(规定链接指向的页面的 URL)和属性target(规定在何处打开链接文档),如乐老师举个例子说明一下:

<a href=”http://www.rulejianzhan.com/”>如乐建站之家</a>

解读如下:

在<a>中添加属性,用空格隔开,写上属性href,用=连接对应的值http://www.rulejianzhan.com/,放在符号“”中间,然后在<a>与</a>中间,写上要显示的文字,代码效果如下:

如乐建站之家

当你点击这几个字的时候,会打开一个网页,而你正在看的这个网页就被覆盖了,如果想让这个链接从新窗口打开而不覆盖当前的页面,可以使用空格隔开,再添加一个属性target和对应的值_blank,用=链接,写成这样target=”_blank“,代码如下:

<a href=”http://www.rulejianzhan.com/” target=”_blank“>如乐建站之家</a>

这个时候,你点击下面这个超链接,就会在新窗口打开,而不会覆盖当前的网页了:

如乐建站之家

如果你需要点击图片打开这个链接,只需要在<a>与</a>中间放入图片标签img即可,代码举例如下:

<a href=”http://www.rulejianzhan.com/” target=”_blank“><img src=”http://www.rulejianzhan.com/tupian/logo.jpg” width=”121height=”75alt=”如乐建站之家网站logo” /></a>

显示效果如下:

如乐建站之家网站logo

在dw软件中的对比效果:

文字和图片超链接对比图示

细心的同学可能发现了:如乐老师,你怎么添加了<p></p>标签呢?

因为如乐老师为了做对比,给文字超链接起了一行,图片超链接又起了一行,还记得之前课程讲的p标签是段落标签吧?用两个p标签就可以写成两个段落,就有上图这样的效果了。

下一节课,讲常用的表格标签table,详情点击:《html网页表格代码怎么写?用table标签》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/html/7744.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手