本地網站的HTML圖像

我是HTML新手，對圖像有一個快速問題。下面我有一個簡單的HTML文件，我正在玩。我想把一個圖像放在它的存儲在我的網站的主目錄中。該網站是本地的，在我的MacBook上。本地網站的HTML圖像

<!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>

但是，當我用我的瀏覽器打開文件時，我看到一個斷開的鏈接。如果我在瀏覽器中查看圖片的網址，它是：

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

一些隨機百分比符號和文本已被添加到？任何想法我做錯了什麼？

感謝

來源

2014-01-30 scruffyDog

看語法高亮＃2增加了。您正在使用「（U + 201C：左側雙引號）和」（U + 201D：右側雙引號），您應該使用"（U + 0022：引號）。

這通常是由於使用文字處理器（使用自動替換直接引號而打開印刷引號）而不是文本編輯器編寫HTML引起的。

Zoomed image

來源

2014-01-30 21:49:35 Quentin

謝謝，修復了它。驚人！ – scruffyDog

本地網站的HTML圖像

回答

相關問題