HTML 和 CSS 是網頁制作中最基本的兩個語言，它們的結合可以使網頁變得更加美觀、直觀。下面介紹一些如何結合 HTML 和 CSS 的方法。
<html>
<head>
<title>我的網頁</title>
<style>
/* CSS 代碼 */
body {
background-color: #f2f2f2;
}
h1 {
color: blue;
text-align: center;
}
</style>
</head>
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是一段文字，它可以在這里隨便寫，比如</p>
<p>這是第二段文字，它可以用不同的樣式顯示</p>
<p style="color:red;">這是紅色的字</p>
<p>還可以嵌套在其他標簽里，比如</p>
<div>
<p>這是在 div 標簽里的文字</p>
</div>
</body>
</html>在上面的代碼中，使用了 style 標簽來定義 CSS 樣式。這里定義了 body 和 h1 的樣式，可以看到，body 的背景顏色為 #f2f2f2，h1 的顏色為藍色，且文字居中顯示。在 body 中，我們放置了一些 p 標簽，可以在這些標簽中加入文字。同時，我們還可以使用 style 屬性給某些 p 標簽單獨設置樣式。比如，第三個 p 標簽的文字顏色為紅色。
還可以使用嵌套標簽的方式來更改樣式。在上面的代碼中，我們可以看到一個 div 標簽，其中包含了一個 p 標簽。這個 p 標簽繼承了 div 的樣式，因此文字居中顯示。
綜上所述，HTML 和 CSS 的使用能讓我們制作出更加美觀、可讀性更強的網頁。