在HTML中，我們可以通過CSS來設置元素的高度。而高度可以用百分比、像素或者其他CSS單位來表示。我們來看下面這個例子：

.box {
width: 200px;
height: 300px;
background-color: red;
}

上面這段CSS代碼給一個class名為box的元素設置了寬度為200px、高度為300px、背景顏色為紅色。在HTML中，我們可以這樣使用它：

<div class="box"></div>

這樣我們就可以在頁面中看到一個寬度為200px、高度為300px、背景顏色為紅色的方塊了。如果我們想讓這個方塊的高度等于它的寬度，該怎么辦呢？這時，我們可以使用padding屬性來實現：

.box {
width: 200px;
padding-top: 100%;
background-color: red;
}

上面這段CSS代碼將box元素的padding-top設置為100%，這樣就讓box元素的高度等于它的寬度了。實際上，padding-top的百分比是相對于包含它的父元素的寬度來計算的，所以我們還需要給box的父元素設置寬度，否則box也會按照默認的寬度（100%）來計算。

總結一下，我們可以通過CSS來設置HTML元素的高度，常用的單位包括像素和百分比。當我們想讓元素的高度等于它的寬度時，可以使用padding-top屬性，并給父元素設置寬度。