Question

我的header.html中有以下代码

<div class="col-md-3">
   <div class="logo">
     <a href="http://example.com/themes/default/images/logo.png"></a>    
   </div>
</div>

但它没有在标题中显示我的png图像，在div中添加图像路径的方式是错误的吗？

Answer 1

<img src="http://example.com/themes/default/images/logo.png">

这就是你使用图像的方式。您正在放置图像的链接。此外，由于您的<a></a>代码为空，因此您没有看到任何内容。如果你在它们之间写东西，你可以点击它，看看你链接的图像。

Answer 2

在img标记内添加不在a标记

中的图片

<a href="#"><img src="http://example.com/themes/default/images/logo.png"></a>

Answer 3

你应该这样做。 img 标记用于显示图片。

良好的做法是将徽标链接到网站的主页。

<div class="col-md-3"><div class="logo"><a href="Link to your home page"><img src="http://example.com/themes/default/images/logo.png" alt="Site Name or Logo"/></a></div></div>

Answer 4

将img标记源（src）中的链接或路径放入锚标记。

<div class="col-md-3">
   <div class="logo">
     <a href="#"><img src="http://example.com/themes/default/images/logo.png" alt=""></a>
   </div>
</div>

在div中添加时，图像未显示在标题中

4 个答案: