在HTML網頁設計中，盒子居中是常見的布局方式，可以使頁面看起來更加美觀。下面是一些常用的HTML盒子居中代碼：

/* 1. 使用text-align屬性讓盒子中的內容居中 */
div {
text-align: center;
}
/* 2. 設置margin屬性讓盒子居中 */
div {
margin: 0 auto;
}
/* 3. 使用flex讓盒子和內部內容居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 4. 使用grid讓盒子和內部內容居中 */
.container {
display: grid;
place-items: center;
}
/* 5. 設置盒子的position屬性為absolute，用transform屬性實現居中 */
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代碼中，每個方法都有不同的優缺點。text-align適用于內部元素比較簡單的盒子；margin居中較為常用，并且不需要其他的css屬性；flex和grid適用于布局較為復雜的頁面；position和transform可以實現絕對居中，并且不受頁面布局的影響。

總之，在HTML網頁設計中，盒子居中是一個不可或缺的技能。以上模板代碼可以為您提供方便，希望能對您的學習有所幫助。