HTML是一種編程語言，可以用來創建Web頁面和應用程序。其中，圖像是網頁中重要的組成部分，可以使用標簽在網頁中添加圖像。但是，在使用HTML圖像代碼時，可能會出現亂碼的情況。

<img src="file.png" alt="圖片名稱">

在HTML代碼中，使用<img>標簽添加圖像，其中src屬性指定圖像文件的URL，alt屬性指定圖像的名稱。然而，有時候圖像文件的URL可能包含特殊字符、中文等，導致HTML代碼出現亂碼。

<img src="圖片文件.png" alt="圖片名稱">

如果文件名包含中文字符，則會出現亂碼現象。這是因為瀏覽器默認使用UTF-8編碼來解析HTML代碼，而中文字符在UTF-8編碼下占用多個字節，造成編碼錯誤。

為解決這個問題，可以使用HTML實體編碼來替換中文字符。HTML實體編碼指用特定的編碼代替特殊字符，常用的編碼有´、<等。例如：

<img src="%E5%9B%BE%E7%89%87%E6%96%87%E4%BB%B6.png" alt="圖片名稱">

其中，%E5%9B%BE%E7%89%87%E6%96%87%E4%BB%B6是中文名稱“圖片文件”的實體編碼。

總之，在HTML代碼中使用圖像時，要注意文件名不能包含特殊字符和中文，或者使用HTML實體編碼來替換。