在HTML中，我們可以使用小方塊來表示復選框，但是如果需要默認勾選該怎么辦呢？今天我們就來看一看如何在HTML中打出小方塊并默認打對號。

<label for="checkbox">
<input type="checkbox" id="checkbox" checked>
<span class="checkbox-icon"></span>
</label>

上面的代碼中，我們使用了一個label標簽來包裹一個checkbox的input標簽和一個span標簽，其中span標簽用來放置小方塊。在span標簽中，我們可以使用CSS樣式來定義小方塊的樣式，例如勾選的對號。

.checkbox-icon {
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid #999;
background-color: white;
margin-right: 5px;
}
.checkbox-icon::after {
content: "";
display: block;
width: 5px;
height: 10px;
border: 2px solid #0099ff;
border-top: none;
border-right: none;
transform: rotate(45deg);
margin: 2px;
visibility: visible;
}

上面的CSS代碼定義了一個樣式為"checkbox-icon"的類，用來給小方塊添加樣式。其中，我們先定義了小方塊的大小、邊框等一些基本樣式。然后使用偽元素::after來添加一個對號。通過設置border屬性，我們可以得到一個傾斜45度的小正方形，并通過設置border-top以及border-right為none，得到對號的形狀。最后，通過設置transform屬性來將它旋轉45度。

在HTML中使用小方塊打對號，其實就是在小方塊中嵌套一個input標簽，并將其設置為checked狀態即可。通過CSS樣式來美化樣式，可以讓小方塊更加美觀實用。