TEL:400-8793-956
当前位置:程序、服务器

有关HTML中图像的问题

提问者: 近期获赞: 浏览人数: 发布时间:2021-01-30 14:00:51

 问:从工作区转移到代码编辑器后,我注意到了几件事。

 
我有:
 
<a href =“ img / TruthPactLogo10.jpg”>
 
          < img  src = “ img / TruthPactLogo10”  alt = “” >
因为当我移动时,我的图像不会直接显示,而是仅在单击时显示,我想知道发生了什么。
 
我发现图像本身实际上是** .png **。奇怪的是,尽管它在工作空间中仍然起作用。其次,我的img src中没有.jpg或.png。这是问题吗?
 
我也想知道我是否甚至需要'a href'标签?我正在浏览我的笔记,找不到关于“ a href”的任何具体信息。但是,我确实在'img src'上有一个注释,并且在末尾也有.jpg。
 
无论如何,我决定完全取消'a href'标签,而其他图像保留其他四个'a href'标签。他们都开始工作了!
 
我把同一行代码放回去,它仍然有效。我将a href更改为.jpg,而应该将其更改为.png,但仍然可以使用。但是,如果我将'img src'更改为.jpg,而应将其更改为.png,则图像会停止工作。
 
所以我的问题是:
 
我什至需要
 
<a href =“ img / TruthPactLogo10.png”>
 
为什么?
 
我印象中的不同之处在于,现在我直接访问文件,而不是通过工作空间上的端口访问文件。
 
编写代码的正确方法是什么?再次,我需要'a href'吗,为什么?
 
 
答:<img src>以及<a href>标签和属性是2点完全不同的东西,不要把两者混为一谈。
 
如果要在浏览器中显示图像,可以使用 <img src='path to image.extension'/>
 
如果该图像也需要链接到其他内容,则应将其包含在 <a href="http://somesite.com/image1.jpg">
 
因此,结合在一起,您将显示一个图像,该图像也是指向某个网站的链接,如下所示:
 
<a href="http://somesite.com"><img src="somesitethumbnail.jpg"/></a>
上一篇: 使用CSS Challenge Task 2 of 6对SVG进行动画处理
下一篇: 如何将ejs文件中全局变量的值导出到节点模块?