Html 在预标记中插入图像标记

我在网页上用pre-tags编写代码示例，问题是当我有

<img src="foo.jpg">

<pre>&lt;img src="foo.jpg"&gt;</pre>

---

浏览器实际生成图像。如何在没有图像的情况下显示图像标记？

使用HTML实体而不是角引号：

img src=“foo.jpg”

---

标记仅保留空白，其中的HTML标记仍然呈现

使用HTML实体而不是角引号：

img src=“foo.jpg”

---

标记仅保留空白，其中的HTML标记仍被呈现

这仍然是真的吗？我只看到img标签打印为文本，这仍然是真的吗？我只看到img标签打印为文本