HTML CSS 設計代碼
HTML（超文本標記語言）和 CSS（層疊樣式表）是構建網站的核心語言。HTML 作為網頁內容的容器，而 CSS 則負責美化這個容器的外表。本文將探討 HTML 和 CSS 的基本概念以及如何在編寫 HTML 和 CSS 時有效使用代碼。
HTML 標記
HTML 中的基本單元被稱為“標記”。標記由尖括號包圍，以描述瀏覽器如何呈現頁面。以下是一個簡單的 HTML 頁面。
<html> <head> <title>我的網站</title> </head> <body> <h1>歡迎來到我的網站！</h1> <p>這是我創建的第一張網頁。</p> </body> </html>上述代碼中，`<html>` 標記表示這篇內容是一篇 HTML 文檔。在這之后是文檔的頭（`<head>`）和正文（`<body>`）內容。在頭部標記內，我們可以添加一些“元數據”，比如網站的標題（`<title>`）和樣式表鏈接：
<head> <title>我的網站</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>CSS 樣式 CSS 負責定義網站的外觀。我們可以使用 CSS 將 HTML 元素樣式（如文字顏色、字體、顯示位置等）與樣式表中定義的樣式相關聯。 以下是一個簡單的 CSS 樣式表：
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #005a9c;
text-align: center;
}
p {
font-size: 16px;
color: #333333;
}上述代碼中，`body` 標簽表示應用于整個頁面的樣式。我們定義背景顏色和字體，這將應用于整個文檔。`h1` 和 `p` 標簽是 HTML 中的標題和段落標簽。我們可以將相應的樣式應用于這些元素。
注意，在 CSS 中，樣式名和樣式值之間需要用冒號和分號分隔。這樣，瀏覽器才能讀取和應用您的樣式。
結論
HTML 和 CSS 是創建網站的核心語言。通過良好的 HTML 代碼和可讀性強的 CSS 樣式，您可以使您的網站變得優美，并為訪問者提供更好的體驗。在編寫 HTML 和 CSS 代碼時，我們可以有效地使用標記和樣式，使我們的代碼更加清晰明了。