HTML作為一種標記語言，在網站的設計與開發中扮演著非常重要的角色。其中，盒子模型是網頁設計中極為重要的概念之一，而建立盒子代碼則是盒子模型的基礎。

<div>
...
</div>

在HTML中，通過標簽<div>來建立盒子代碼，其中<div>表示一個可用于容納其它HTML元素的通用容器。通過定義<div>標簽的屬性，可以實現盒子模型中的各種效果。個人常用的屬性如下：

div {
display: block; /* 塊級元素 */
box-sizing: border-box; /* 邊框盒子模型 */
width: 500px; /* 盒子寬度 */
height: 300px; /* 盒子高度 */
margin: 0 auto; /* 盒子居中 */
padding: 20px; /* 盒子內邊距 */
border: 1px solid black; /* 盒子邊框 */
background-color: #f5f5f5; /* 盒子背景色 */
}

其中，display屬性可以控制<div>標簽的顯示方式，可以設為block、inline、inline-block、none等多個取值。box-sizing屬性則用于控制盒子模型的計算方式，常見的取值有content-box、border-box等。width屬性和height屬性分別控制盒子的寬度和高度，單位可以使用px、em、rem等。margin屬性則用于控制盒子的外邊距，可取值為auto或指定具體數值。padding屬性則用于控制盒子的內邊距，邊界到盒子內容的距離。border屬性和background-color屬性則分別用于控制盒子的邊框和背景顏色。

以上是建立一個基本盒子的HTML代碼，在實際開發中，可以通過不同的屬性來調整盒子的樣式和效果，實現更加個性化的需求。