HTML和CSS是現代網頁設計的兩個基本組成部分。HTML是網頁的結構和內容，CSS是網頁的樣式和表現形式。在使用這兩種編程語言時，百分比是很重要的一個概念。

代碼示例：
width: 50%;
height: 80%;

在CSS中，我們經常會用到百分比來描述元素的尺寸和位置。比如上面的代碼示例中，就是將元素的寬度設為父元素寬度的50%，高度設為父元素高度的80%。這樣做可以使元素具有更好的適應性，無論在哪種屏幕尺寸下都能正常顯示。

在HTML中，百分比也有著廣泛的應用。比如在網頁布局中，我們可以使用flexbox或grid等布局系統，將元素按照一定比例分割為不同的部分。使用百分比可以方便地控制元素的大小和位置。

代碼示例：
.container {
display: flex;
justify-content: space-between;
}
.box {
width: 30%;
height: 50vh;
}

上面的代碼將一個父容器flex布局，將其中的子元素等分成三份，之間留有空隙。子元素的寬度設為父元素寬度的30%，高度為視口高度的50%。

總而言之，百分比是一種非常實用的概念，在HTML和CSS中都有著廣泛的應用。學好百分比，可以使網頁的布局和樣式更加靈活和精準。