HTML是網頁的基礎語言，通過HTML語言可以構建出基本的網頁結構，包括文本、圖像、音頻、視頻等等。但是，如果僅僅是用HTML語言來構建網頁，那么最終呈現出來的網頁將是非常單調和普通的。因此，我們需要使用樣式表語言CSS來美化網頁。

<!--HTML代碼段-->
<div>
<p>這是文本</p>
<img src="example.jpg" alt="示例圖片">
</div>
<!--CSS代碼段-->
<style>
div {
background-color: #ddd; /* 設置背景顏色 */
padding: 20px; /* 設置內邊距 */
border: 1px solid #ccc; /* 設置邊框 */
}
p {
font-size: 20px; /* 設置字體大小 */
color: #333; /* 設置字體顏色 */
}
img {
max-width: 100%; /* 設置圖片寬度不超過父元素 */
display: block; /* 圖片變成塊級元素，實現自動換行 */
margin: 20px 0; /* 設置圖片與其他元素之間的距離 */
}
</style>

如上所示，我們通過<style>標簽引入CSS語言，并在其中對<div>、<p>和<img>三個元素進行了樣式的設置。其中涉及到了CSS的基礎概念，例如選擇器、屬性和值等等。通過調整CSS的樣式，我們可以實現網頁的各種美化效果，從而使網頁更加生動有趣。