在網頁開發中，居中顯示圖片是一個常見的需求。那么，在HTML中如何編寫照片代碼讓其居中顯示呢？ 在代碼中，img標簽用于插入圖片。要使其居中顯示，我們可以在img標簽外面添加一個div標簽，并對該div標簽設置樣式。 下面是示例代碼：

<div id="pic-container">
<img src="example.jpg" alt="示例圖片">
</div>

在以上代碼中，我們給div標簽設置了一個id屬性pic-container，并設置了該div標簽的text-align屬性為center，即讓其內部的內容居中顯示。 注意，text-align:center只是讓內部元素水平居中，而不是垂直居中。如果需要垂直居中，我們可以使用CSS的flex布局或者position屬性來實現。 除此之外，還有一種方法是使用margin屬性來實現照片居中。我們可以給img標簽設置左右margin為auto，并將其外圍包裹在一個div標簽內，再對該div標簽設置寬度即可：

<div id="pic-container">
<img src="example.jpg" alt="示例圖片" style="margin: 0 auto;">
</div>

在以上代碼中，我們對img標簽設置了margin:0 auto，即讓左右margin自動計算并居中顯示。同時，我們還在父級div標簽中設置了寬度為50%，這樣圖片就可以按照我們的要求水平居中顯示了。 總之，在HTML中實現照片居中顯示還是比較簡單的。我們可以根據實際需求選擇不同的方法來實現。