HTML5 是一種超文本標記語言，用于網頁開發和設計。在設計網頁時，經常需要設置不同元素的高度，包括文本、圖片和容器等。下面我們來看看如何使用 HTML5 設置高度。

<div style="height: 100px">
<p>這是一個段落</p>
<img src="image.jpg" height="50px">
</div>

上面的代碼展示了一個容器 div 的高度設置為 100 像素。這個容器包含了一個段落和一張圖片，圖片的高度也被設置為 50 像素。我們可以通過 style 屬性為元素設置高度，這樣這個元素就會被限制在指定高度內。

<p style="line-height: 1.5em; max-height: 6em; overflow: hidden;">
這是一個很長的段落，我們需要把它限制在 6 行以內。這里使用了 line-height 屬性，讓行與行之間有足夠的行距。
</p>

上面的代碼展示了如何通過樣式屬性為一個段落元素設置行高和最大高度，同樣使用 overflow 屬性來隱藏超出部分。在這個例子中，我們設置了行高為 1.5 倍字體大小，最大高度為 6 行。

在開發過程中，我們需要根據實際情況靈活設置元素的高度屬性，以滿足設計需求和用戶體驗。HTML5 提供了豐富的元素和樣式屬性，我們可以根據需要選擇合適的屬性來實現網頁布局和美化。