HTML和CSS是網頁設計中最基礎的兩個語言，網頁中的所有內容都是由這兩種語言組成的，HTML負責創建網頁內容，CSS則用于控制網頁樣式。下面我們來看一下HTML和CSS的代碼。
<!DOCTYPE html> <html> <head> <title>網頁標題</title> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>網頁標題</h1> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">關于我們</a></li> <li><a href="#">聯系方式</a></li> </ul> </nav> </header> <section> <h2>文章標題</h2> <p>文章內容...</p> </section> <footer> <p>版權信息...</p> </footer> </body> </html>
上述代碼是一個最基本的HTML文件，其中包含了HTML的文檔類型（DOCTYPE），網頁的標題和編碼方式，以及引用外部樣式表的鏈接。在HTML文件中，各個部分的內容通常使用不同的HTML標簽進行包含。例如，在上述代碼中，網頁的標題被<title>標簽包含，文章標題和內容則分別用<h2>和<p>標簽進行包含。
body {
font-family: Arial, sans-serif;
background-color: #F5F5F5;
}
header {
background-color: #333;
color: #FFF;
padding: 20px;
}
h1, h2 {
font-weight: normal;
}
nav {
display: inline-block;
margin-left: 20px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline-block;
margin-right: 20px;
}
nav ul li a {
color: #FFF;
text-decoration: none;
}
section {
padding: 20px;
}
footer {
background-color: #EEE;
padding: 20px;
}上述代碼是一個最基本的CSS文件，其中指定了網頁的各種樣式。在CSS文件中，我們可以通過選擇器來選中網頁中的不同元素，并指定它們的樣式。例如，在上述代碼中，我們使用了body選擇器來指定網頁的背景顏色和字體家族，使用header選擇器來指定頭部的樣式，使用nav選擇器來指定導航欄的樣式。
通過HTML和CSS的配合使用，我們可以輕松地創建出漂亮且充滿特色的網頁。
上一篇mysql主機root