HTML是網頁開發的基礎語言，它可以描述網頁的結構和內容。HTML使用標記語言，每個標記都有特定的含義。下面是一個簡單的HTML網頁結構的代碼：
<!DOCTYPE html>
<html>
<head>
<title>測試網頁</title>
</head>
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是我的第一個HTML網頁</p>
</body>
</html>上面的代碼中，DOCTYPE聲明告訴瀏覽器這是一個HTML文檔。HTML標記被包含在<html>和</html>標記內。<head>標記包含了網頁的元數據信息，例如頁面標題。<body>標記包含了頁面的可見內容。<h1>和<p>是常見的HTML標記，它們用于定義標題和段落。
CSS是網頁布局和樣式方面的語言，它可以讓開發者將HTML網頁的呈現與內容分離。通過CSS，可以改變網頁的背景顏色、文本字體、大小、顏色以及元素間距等樣式。下面是一個使用CSS樣式的HTML代碼：
<!DOCTYPE html>
<html>
<head>
<title>測試網頁</title>
<style>
body {
background-color: #f2f2f2;
}
h1 {
color: red;
font-family: Arial;
}
p {
font-size: 18px;
line-height: 1.4;
}
</style>
</head>
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是我的第一個HTML網頁</p>
</body>
</html>在上面的代碼中，<style>標記用于定義CSS樣式。body選擇器定義網頁的背景顏色，h1選擇器定義標題的顏色和字體，p選擇器定義段落的字體大小和行高。
結合HTML和CSS，開發者可以創建漂亮、專業的網頁，并為用戶提供良好的瀏覽體驗。
上一篇css實現氣泡三角
下一篇html和css兩級欄目