在 HTML5 中，我們可以使用 CSS 來設置圖片的對齊方式，讓圖片在網頁上居中位置。下面將在 pre 標簽中給出居中圖片的代碼示例：

<style>
img {
display: block; /* 讓圖片成為塊級元素 */
margin: auto; /* 將圖片水平和垂直居中 */
}
</style>
<img src="image.jpg" alt="我的圖片">

代碼中 img 標簽設置了 src 屬性和 alt 屬性，分別為圖片的鏈接和圖片的替代文本。下面是樣例圖片：

上述 CSS 代碼中的 margin: auto; 實際上是設置了圖片的外邊距，將水平方向和垂直方向都設置為 auto，實現了圖片的居中效果。

如果想讓圖片在文本中居中，可以在父元素中添加 text-align: center; 的樣式。

在實際的網頁開發中，我們可以根據圖片的具體情況進行調整，例如圖片大小、網頁布局等因素來達到更好的效果。