Question

我是HTML的新手，对图像有一个快速的问题。下面我有一个简单的html文件，我正在玩。我想将一个图像放入其中，该图像存储在我网站的主目录中。该网站是我的Macbook上的本地网站。

<!DOCTYPE html>
<html>
    <body style="background-color:yellow;">
        <h1>My First Heading</h1>
        <p>My first paragraph.</p>
        <p style="color:blue;margin-left:20px;">This is a paragraph.</p>
        <p style="background-color:green;">This is a paragraph.</p>
        <img src=“HoneyBadger.jpg” alt=“Grumpy honey badger”>
    </body>
</html>

然而，当我用浏览器打开文件时，我发现链接已损坏。如果我在浏览器中查看图像的URL，

文件：///Users/admin/Sites/project_honey_badger/%C3%A2%E2%82%AC%C5%93HoneyBadger.jpg%C3%A2%E2%82%AC%C2%9D

是否添加了一些随机的百分号和文字？知道我做错了吗？

由于

Answer 1

查看Stackoverflow添加的语法高亮显示。您正在使用“（U + 201C：LEFT DOUBLE QUOTATION MARK）和”（U + 201D：右双引号）您应该使用"（U + 0022：QUOTATION） MARK）。

这通常是因为使用文字处理程序编写HTML（自动替换打开了印刷引号的直引号）而不是文本编辑器。

Zoomed image

本地站点的HTML图像

1 个答案: