HTML 首頁面是網(wǎng)站的入口，它是展示網(wǎng)頁結構和內(nèi)容的重要頁面。在這篇文章中，我們將介紹如何編寫 HTML 首頁面的基礎代碼和樣式表。
首先，我們需要在 HTML 文檔中設置頁面的基本結構。以下是一個簡單的例子：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網(wǎng)站</title> </head> <body> <h1>歡迎來到我的網(wǎng)站！</h1> <p>這是我的第一個網(wǎng)頁。</p> </body> </html>
以上代碼表示了一個最簡單的 HTML 頁面。在 <html> 標簽內(nèi)，我們設置了文檔類型為 HTML5，并創(chuàng)建了一個頁面的基本結構。在 <head> 標簽內(nèi)，我們設置了頁面的字符集和網(wǎng)站的標題。在 <body> 標簽內(nèi)，我們添加了頁面的主體內(nèi)容。<h1>和 <p> 標簽是 HTML 中最常用的標題和段落標簽，它們用來定義頁面內(nèi)容的結構和層次。
但是，上面的代碼還很簡陋。為了讓頁面更加美觀和易于閱讀，我們需要添加 CSS 樣式表。以下是一個簡單的樣式表：
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333333;
font-size: 2em;
text-align: center;
}
p {
color: #666666;
font-size: 1.2em;
line-height: 1.5em;
}以上代碼定義了頁面的基本樣式。我們給頁面的背景色添加了一個灰色的漸變，使用 Arial 字體并去掉了段落標簽的默認空格。對于標題和段落，我們設置了不同的顏色、字體大小和行距，以便呈現(xiàn)更好的可讀性和可視性。
在 HTML 頁面中，我們可以通過將樣式表引用到 <head> 標簽內(nèi)，將其應用到整個頁面：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網(wǎng)站</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網(wǎng)站！</h1> <p>這是我的第一個網(wǎng)頁。</p> </body> </html>
在上述HTML代碼中，通過 `<link>` 標簽將 `style.css` 樣式表鏈接到頁面中。
除此之外，還可以在頁面內(nèi)部嵌入樣式表或者在頁面中體驗其他 CSS3 功能來制作更為精美的頁面效果。但是在編寫過程中一定要注意標簽的嵌套和使用，以及遵循 HTML 和 CSS 的語法和規(guī)范。