HTML 是網頁設計中最基礎的語言，圖像在網頁設計中也是不可或缺的重要部分。HTML 幫助我們在網頁中添加圖像以及鏈接到其他頁面和資源。本文將會介紹如何使用 HTML 編寫圖像代碼。

HTML 中，我們使用<img>標簽來添加圖像。具體的代碼如下：

<img src="圖片的路徑">

其中，src屬性表示需要引用的圖片文件的路徑。這個路徑可以是相對路徑，也可以是絕對路徑。

相對路徑是相對于當前 HTML 文件所在的目錄。例如，如果你的網頁和圖片文件在同一個文件夾中，那么你可以使用如下代碼：

<img src="picture.jpg">

這里，"picture.jpg" 就是相對路徑。

另一方面，絕對路徑表示圖片文件所在的完整路徑。例如，在使用WordPress等網站管理系統時，網站的根目錄通常是public_html或者httpdocs。因此，如果您想在網站頂部添加一個圖片，您可以使用以下代碼：

<img src="/wp-content/themes/theme_name/images/logo.png">

在這里，“/”符號表示網站的根目錄，然后是文件的完整路徑。

最后值得注意的的是，我們可以使用其他一些屬性來進一步定制圖像的樣式和行為，例如您可以添加 "width" 和 "height" 屬性來調整圖像的大小。

除此之外，還可以設置<figure>和<figcaption>標簽來包裹圖像，這樣可以讓您更好地組織和描述圖片。

總之，HTML 提供了強大的工具，幫助我們輕松地在網頁中添加和調整圖片，特別是在現在的網絡時代，圖像的作用愈發重要。