在 tumblr 网站顶部添加基本横幅

Question

我只想在我的 tumblr 网站顶部添加一个基本横幅。代码（在下面发布）就在 html 的 <body> 部分下方，但是我无法弄清楚为什么我将任何 img link 放入 'imgurlhere' 部分仅显示为损坏的图标（见图）。

 <a href=“myurlhere”><center><img src=“imgurlhere” width=“500”></center></a>

broken image icon that's showing up

我的想法是上传一个简短的gif到tumblr，然后将代码复制到html中，这样它就可以放在我网站的顶部作为广告。但是，我放入 'imgurlhere' 部分的每个 url 都显示为已损坏 - 无论我在网上找到的建议都说明这是所有需要做的事情。

我确保包含正确的 link，例如 .png 等
并确保直接从 'copy image address' 复制它。

有什么想法吗？

谢谢！

Answer 1

我认为是在 img 标签中设置 width="500" 导致了这个问题。

-最好的办法是加一个class然后设置图片的宽度

.image{
width:500px;

}

<a href=“#”><center><img src="https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260" class="image"></center></a>

尝试在那里使用你的图片，如果有效请告诉我，或者 not.Thank 你

在 tumblr 网站顶部添加基本横幅

Adding a basic banner to top of tumblr website

html

css

url

tumblr

banner