HTML和CSS是構建網頁的兩個基本元素。HTML負責創建和組織內容，而CSS則負責頁面的樣式和布局。在這篇文章中，我將介紹如何創建HTML和CSS文件，并使它們一起工作。
首先，我們需要創建HTML文件。打開文本編輯器，新建一個空白文檔，將后綴改為.html。在文本編輯器中，我們需要使用pre標簽將代碼整齊地排列在一起。
<!DOCTYPE html> <html> <head> <title>My First Webpage</title> </head> <body> <h1>Hello World!</h1> <p>This is my first webpage.</p> </body> </html>
代碼的第一行聲明了DOCTYPE，告訴瀏覽器這是一個HTML5文檔。接下來，我們用html標簽包含整個文檔的內容。在head標簽內部，我們使用title標簽定義頁面的標題，這會出現在瀏覽器的標簽欄中。
在body標簽中，我們可以放置其他HTML元素，例如h1標簽和p標簽。h1標簽用于創建一個主標題，而p標簽用于創建一個段落。在本例中，我們簡單地告訴用戶這是我們的第一個網頁。現在我們需要為我們的頁面添加CSS樣式。
body {
background-color: lightblue;
}
h1 {
color: white;
background-color: navy;
}
p {
font-size: 18px;
}類似于HTML，我們需要在文本編輯器中創建一個新文件，并將其后綴名更改為.css。在文件中，我們使用pre標簽將CSS代碼排列整齊。
代碼中，我們定義了body，h1和p元素的屬性。在body中，我們為整個頁面添加了一個淡藍色的背景色。對于h1元素，我們設置了字體的顏色為白色，背景色為深藍色。最后，我們使用p元素為字體設置了18像素的字體大小。
最后，我們需要將我們的CSS文件鏈接到我們創建的HTML文件中。在HTML文件中，我們使用link標簽將CSS文件鏈接到該文件中。
<!DOCTYPE html> <html> <head> <title>My First Webpage</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>Hello World!</h1> <p>This is my first webpage.</p> </body> </html>
鏈接標簽包含兩個屬性：rel和href。我們將rel設置為stylesheet，告訴HTML文件這是一個CSS鏈接。Href屬性包含指向我們的CSS文件的路徑，以便HTML文件可以在瀏覽器中讀取和應用它。
現在，我們已經學會了如何創建并鏈接HTML和CSS文件。我們可以在文件中添加其他元素和屬性以創建一個完整的網頁。希望這篇文章對您有所幫助！