HTML中設置百分比是非常常見而且重要的功能，它能夠讓我們的頁面更加具有彈性和靈活性。以下是HTML中如何設置百分比的一些例子。

<div style="width:50%;height:50%;background-color:red;"></div>

在上面的代碼中，我們使用了style屬性來設置一個div元素的寬度和高度都是50%。這意味著，無論這個元素所在的父元素有多大，該元素都會占據(jù)它父元素的50%的寬度和高度。

<img src="example.jpg" style="width:100%;height:auto;">

在這個例子中，我們設置了一個圖像元素的寬度為100%，高度為自適應。這意味著，這個圖像元素的寬度會占據(jù)它所在父元素的100%，高度會根據(jù)原始圖像的寬高比自適應調整，保證不會變形。

<table style="width:80%;">
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
</table>

在這個例子中，我們設置了一個表格元素的寬度為80%。這意味著，這個表格元素的寬度會占據(jù)它所在父元素的80%，保證在各種尺寸的屏幕上都可以適配。

在HTML中設置百分比的方法有很多種，但以上的例子足以說明百分比可以為我們的布局帶來非常大的靈活性和可適配性。