尝试在 html 中添加图像答案

【问题标题】：trying to add an image in html尝试在 html 中添加图像
【发布时间】：2013-03-24 00:56:52
【问题描述】：

我刚刚在我的博客中添加了一个新的小部件，使用标签搜索 url 来提取特定的帖子。这工作得很好。

但是，我想在链接旁边添加一张图片，这不工作。我的页面上出现了一个讨厌的蓝色问号，而不是我的照片。我查看了我正在使用的所有属性，我认为我的语法没问题，所以我很难过。有人可以指出我做错了什么吗？

谢谢

<!-- Navigation2 tabs start -->
<div id='georgetownlist'>
<a    
href="http://s1275.photobucket.com/user/MaddyMarcel/media/DCgraffiti_zps23603274.jpg.html"     
imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img 
src="http://s1275.photobucket.com/user/MaddyMarcel/media/DCgraffiti_zps23603274.jpg.html" 
alt="DC" border="0" height="40" /> 
<a href="http://proustscookies.blogspot.com/search/label/Georgetown%20favorites"    
class="georgetowntab" title="Georgetown favorites">MY GEORGETOWN</a>
</a></div>
<!-- Navigation2 tabs end -->

【问题讨论】：

标签： html hyperlink image href src

【解决方案1】：

您的 src 属性末尾有 .html。图片源应以 .jpg 结尾，而不是 .jpg.html。

src="http://s1275.photobucket.com/user/MaddyMarcel/media/DCgraffiti_zps23603274.jpg.html

应该是

src="http://i1275.photobucket.com/albums/y449/MaddyMarcel/DCgraffiti_zps23603274.jpg

【讨论】：

不起作用，因为这不是有效的链接。 Photobucket 不支持盗链，您 [OP] 应该将您的图片上传到您的网站并链接为path/to/image.jpg 或将其托管在其他地方。此外，html还支持.gif、.png和.bmp
完全正确...我删除了 .html，这是必要的，但还不够。将托管切换到 Picassa 并且有效。谢谢！