问:从工作区转移到代码编辑器后,我注意到了几件事。
我有:
<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>