在HTML5中，我們可以使用CSS來設置圖片在頁面中的位置。要設置圖片居中顯示，可以使用以下代碼：

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

上述代碼中，display: block;將圖片設置為塊級元素，margin: 0 auto;將圖片的左右邊距設置為自動，從而實現水平居中。

如果只是想垂直居中，則可以使用以下代碼：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
max-height: 100%;
max-width: 100%;
}

上述代碼中，display: flex;將容器設置為彈性布局，justify-content: center;和align-items: center;將容器內的內容（即圖片）在水平和垂直方向上都居中顯示。同時，max-height: 100%;和max-width: 100%;將圖片的高度和寬度都設置為最大值，以免圖片變形。

總的來說，HTML5提供了豐富的CSS樣式，可以靈活地控制元素的位置和布局。