HTML5和CSS是網頁設計中最基本的技能，HTML5是網頁的骨架結構，CSS負責網頁的外觀和樣式，這篇文章會介紹如何使用HTML5和CSS制作網頁代碼。
<!DOCTYPE html> <html> <head> <title>網頁標題</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">產品介紹</a></li> <li><a href="#">聯系我們</a></li> </ul> </nav> <h1>網頁標題</h1> <p>網頁簡介</p> </header> <main> <section> <h2>產品介紹</h2> <p>產品詳細信息</p> </section> <aside> <h2>聯系我們</h2> <p>聯系方式</p> </aside> </main> <footer> <p>版權信息</p> </footer> </body> </html>
以上為HTML5代碼，其中包括了網頁標題、網頁介紹、導航欄、主體內容分區、聯系信息以及版權信息等部分，接下來是CSS代碼。
body {
font-family: sans-serif;
}
header {
background-color: navy;
color: white;
padding: 1em;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display:inline;
margin-right: 1em;
}
nav a {
color: white;
text-decoration: none;
}
h1 {
margin-top: 0;
}
main {
display: flex;
}
section {
flex: 3;
padding: 1em;
}
aside {
flex: 1;
padding: 1em;
background-color: #f1f1f1;
}
footer {
background-color: navy;
color: white;
padding: 1em;
}以上CSS代碼定義了網頁的整體字體、導航欄的顏色樣式、主體內容的排版以及頁腳的顏色樣式等。
上一篇mysql主從數據庫切換
下一篇mysql和vox