HTML和CSS是網(wǎng)頁設計中必不可少的兩個元素。HTML是網(wǎng)頁結構的基礎，CSS則是樣式的呈現(xiàn)。本文將介紹HTML和CSS的基礎用法。
一、HTML基礎
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網(wǎng)頁標題</title> </head> <body> 網(wǎng)頁內(nèi)容 </body> </html>
上述代碼是HTML的基礎結構代碼，其中<!DOCTYPE html>用于告訴瀏覽器這是一個HTML文件，<html>標簽用于定義整個文檔結構，<head>標簽包括了瀏覽器需要的文檔信息，<body>標簽包含網(wǎng)頁的主要內(nèi)容。
二、CSS基礎
body {
background-color: #F5F5F5;
font-family: Arial, sans-serif;
color: #333;
}
h1 {
font-size: 36px;
color: #007FFF;
}上述代碼是CSS的基礎代碼，其中body用于定義頁面的基礎樣式，h1用于定義標題的樣式。CSS的結構為“選擇器 {屬性: 屬性值}”，選擇器選擇需要設置樣式的元素，屬性和屬性值定義了該元素的具體樣式。
三、HTML和CSS的結合
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁標題</title>
<style>
body {
background-color: #F5F5F5;
font-family: Arial, sans-serif;
color: #333;
}
h1 {
font-size: 36px;
color: #007FFF;
}
</style>
</head>
<body>
<h1>標題</h1>
<p>正文內(nèi)容</p>
</body>
</html>上述代碼是HTML和CSS的結合代碼，將CSS樣式直接放在<head>標簽中，通過選擇器可以對HTML中的元素設置樣式，實現(xiàn)網(wǎng)頁的精美設計。