在網頁設計中，圖片是一個重要的元素。在設計網頁時，我們經常需要將圖片居中顯示，以達到更好的視覺效果。那么，在HTML中，如何實現圖片居中顯示呢？

方法一：使用CSS樣式表

我們可以使用CSS樣式表來實現圖片居中顯示。具體的方法如下：

1. 在HTML文檔中，為圖片添加一個id或class屬性。

gage.jpg" id="pic">

2. 在CSS樣式表中，添加如下代碼：

#pic {

display: block;argin: 0 auto;

這段代碼的意思是，將圖片設置為塊級元素（display: block），然后設置左右外邊距為“auto”，這樣就可以將圖片居中顯示了。

方法二：使用HTML標簽

除了使用CSS樣式表，我們還可以使用HTML標簽來實現圖片居中顯示。具體的方法如下：

1. 在HTML文檔中，使用“<div>”標簽來包裹圖片。

<div class="pic-wrap">gage.jpg">

</div>

2. 在CSS樣式表中，添加如下代碼：

.pic-wrap {ter;

g {line-block;

terline-block），這樣就可以垂直居中顯示了。

無論是使用CSS樣式表還是HTML標簽，都可以實現圖片居中顯示。不過，使用CSS樣式表比較靈活，可以在不同的場景中靈活使用。而使用HTML標簽則比較簡單，適合初學者使用。不同的方法可以根據具體的需求來選擇。