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


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

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

a标签的属性和对应的值

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

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

解读如下:

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

如乐建站之家

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

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

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

如乐建站之家

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

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

显示效果如下:

如乐建站之家网站logo

在dw软件中的对比效果:

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

细心的网友可能发现了:范如乐,你怎么添加了<p></p>标签呢?

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

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

转载时需注明来源!首发网站:如乐建站之家;原文网址:
https://www.rulejianzhan.com/html/7744.html
如乐建站之家创始人——范如乐:

如乐建站之家创始人范如乐      【如乐建站之家】由范如乐于2013年创建至今,立志于解决新手不会快速自己建网站的痛苦,让你也能零基础快速学会自己建网站!详细教程点击下图:




热门文章: