在網頁設計中，網頁背景的美觀性是很重要的一點。其中，頭部背景的設計也是非常關鍵的一個環節。而HTML可以通過將圖片作為背景，使得頭部更加吸引人。

<style>
body {
background-image: url('背景圖片的URL');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
</style>

首先，在HTML的style標簽中，使用background-image屬性設置背景圖片的URL。其中，可以通過相對路徑或絕對路徑的方式引用網頁中的圖片，如：

background-image: url('images/bg.jpg');

其次，通過background-repeat屬性設置背景圖片的重復方式，如no-repeat表示不重復，repeat表示橫向和縱向都重復等。

然后，background-position屬性可以設置背景圖片在頭部的位置，如top center表示垂直居中以及水平居中；或者通過像素值或百分比調整具體的位置。

最后，使用background-size屬性設置背景圖片的大小和顯示方式。cover表示將背景圖片擴展或收縮，以填充整個頭部。contain表示將圖片縮小或放大以適應頭部大小。

總的來說，通過HTML將圖片作為網頁頭部背景，不僅可以使得網頁更加美觀，而且還可以提升用戶的體驗感。在實際應用中，還需要根據具體情況進行調整和優化。