HTML是網頁的基石，而CSS則是用來控制這些基石的外觀和布局。在網頁開發中，HTML和CSS往往是同時使用的。以下是一個典型的HTML源碼示例：
<!DOCTYPE html> <html> <head> <title>網頁標題</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>網頁標題</h1> <p>段落內容</p> <img src="image.jpg" alt="圖片"> </body> </html>
這段HTML代碼包含了網頁的基本結構，其中<!DOCTYPE html>是HTML5的文檔類型聲明，<html>則是HTML文檔的根元素。<head>標簽中包含了網頁的元數據，比如標題、樣式表等。<body>標簽則是網頁的主體，其中放置了具體內容。
而CSS則是用來控制網頁的外觀和布局，以下是一個典型的CSS源碼示例：
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
color: #333333;
font-size: 24px;
text-align: center;
}
p {
color: #666666;
line-height: 1.5;
}這段CSS代碼定義了網頁的背景色、字體、字號等基本樣式，以及標題和段落的顏色、字號、對齊方式等具體樣式。
通過HTML和CSS的組合使用，可以實現豐富多樣的網頁效果。了解它們的基本語法和規則，可以更好地控制網頁的外觀和布局，提高網頁的可讀性和用戶體驗。
上一篇css html5案例
下一篇css html的視頻