在 HTML 中，設置圖片居中是非常重要的一項技能。一個好的布局可以極大的提升網站的視覺吸引力，同時也可以讓用戶更好地理解內容，本文將介紹如何使用 HTML 實現圖片居中。

首先，我們需要在 HTML 中添加

<img>

標簽，這是我們插入圖片的主要標簽。其中，

src

屬性指定圖片的路徑，

alt

屬性為圖片設置一段簡短的描述。下面是一個例子：

<img src="example.jpg" alt="這是一張圖片">

接下來，我們需要使用 CSS 樣式表來設置圖片的樣式。我們可以使用

display: block;

屬性將圖片轉成塊級元素，這樣我們就可以使用

margin: auto;

屬性將圖片水平居中。下面是一個例子：

<style>
img {
display: block;
margin: auto;
}
</style>

最后，我們需要將這個樣式應用到圖片上。你可以在

<img>

標簽內部添加

style

屬性或者在 CSS 樣式表中指定圖片的類或 ID，然后將屬性應用到類或 ID 上。下面是一個將樣式應用到

<img>

標簽內部的例子：

<img src="example.jpg" alt="這是一張圖片" style="display: block; margin: auto;">

如此，我們便成功地將圖片居中了。