HTML5是一種最新的網頁語言，不僅使網頁更具有實用性，同時也提供了更多功能和執行選項。其中，圖片作為網站的重要元素之一，其布局和顯示效果在網頁設計中非常重要。本文將介紹如何使用HTML5代碼將圖片居中顯示。 對于HTML5圖片居中顯示，可以采用CSS或者HTML標簽的方式來實現。其中，CSS選擇器`text-align:center;`可以實現圖片在其父級元素中居中顯示的效果。具體代碼如下：

p img{
display:block;
margin: 0 auto;
}

其中，`p img`是CSS選擇器，表示在任意元素中包含`img`標簽的段落元素中，圖片都采用以下CSS代碼進行布局和顯示。`display:block;`表示圖片表現為塊級元素，從而占據整個父級元素的空間；`margin:0 auto;`表示圖片的左右margin為0，上下margin自動居中，從而達到圖片居中顯示的效果。 除此之外，還有一種HTML標簽的方式來實現圖片的居中展示。代碼如下：

其中，`

`表示該段落元素的文字和圖片都居中對齊；``表示插入圖片，需將`圖片路徑`替換為圖片在服務器上的路徑。 注：建議采用CSS樣式表的方式，因為CSS的樣式表可以提高頁面的性能，同時也可以實現更多的展示效果。