HTML5中，img標簽是用于向網頁中插入圖片的元素，而很多時候我們需要將圖片居中顯示，以便更好地展示和利用網頁的空間。以下是一段基本的HTML5 img圖片居中的代碼：

<div style="text-align:center;">
<img src="image.jpg" alt="這是一張圖片">
</div>

在這段代碼中，我們使用了嵌套的div元素和text-align樣式來實現圖片居中顯示。其中，div元素用于將其內部的所有元素水平居中，而img元素則是我們要插入的圖片，其中的src屬性用于指定圖片的路徑，alt屬性則是當圖片無法顯示時的備選文本。 此外，我們還可以使用CSS樣式表中的margin屬性來實現圖片的居中對齊，以下是使用CSS樣式表的HTML5 img圖片居中代碼：

<div class="centered">
<img src="image.jpg" alt="這是一張圖片">
</div>
<style>
.centered {
    margin: 0 auto;
}
</style>

在這段代碼中，我們定義了一個名為.centered的CSS類，其中用到了margin屬性來控制元素的外邊距。具體來說，margin: 0 auto;的意思是將元素的上下外邊距設為0，左右外邊距設為自動，從而實現元素的水平居中。最后，我們將該類應用到包含img元素的div元素中，便可實現圖片的居中顯示。