为什么我来自 url 的图片没有显示？

Question

为什么我使用的 url 没有显示我的图片？ url 是有效的，我使用相同的方法插入其他图像并且有效。第一个代码是未显示的 url，另一个是显示的图像。我还包括了网页上出现的无响应图像和响应图像的图像。

 <div>
      <img src=”https://via.placeholder.com/150/0000FF/808080” alt="Profile Pic" /> 
      <h1 id="myname">John Smith</h1>
      <h3>Web developer</h3>
      <p>{{ pause and ponder }}</p>
    </div>
      </div class="intro">

 <div class="project-grid">
      <img class="project-image" src="http://via.placeholder.com/300" />
      <img class="project-image" src="http://via.placeholder.com/300" />
      <img class="project-image" src="http://via.placeholder.com/300" />
      <img class="project-image" src="http://via.placeholder.com/300" />
    </div>

我不明白是什么问题，我对两者做了完全相同的事情，但只有第二组图像显示在我的网页上。

Answer 1

您使用“https://...”作为个人资料图片，但如果您的开发服务器位于“http://...”，则个人资料图片将不会显示，因为cross-protocol 限制。

改变 <img src=”https://via.placeholder.com/150/0000FF/808080” alt="Profile Pic" /> 到 <img src=”http://via.placeholder.com/150/0000FF/808080” alt="Profile Pic" />

Answer 2

src 属性周围有特殊字符引号而不是常规引号。

将 ” 字符更改为 "。它很可能是在 Word 或 Outlook 之类的东西中转换的。

已修复HTML：

<img src="https://via.placeholder.com/150/0000FF/808080" alt="Profile Pic" />

为什么我来自 url 的图片没有显示？

Why isn't my image from url not showing up?

html

image