HTML5是一種用于構建網頁的最新標準。它通過引入一系列新特性，使得網頁變得更加優美、交互性更強，并提升了其在各種設備上的兼容性。
在這篇文章中，我們將介紹一個基于HTML5的靜態網頁代碼。這個網頁包含了簡潔明了的HTML代碼和CSS樣式表，通過這些代碼和樣式，我們能夠構建出一個現代化的、功能豐富的網站。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的靜態網頁</title>
<style>
/* CSS代碼 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
color: #333;
}
h1 {
color: #008080;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 15px;
}
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #008080;
color: #fff;
border-radius: 4px;
text-decoration: none;
}
.btn:hover {
background-color: #006666;
}
</style>
</head>
<body>
<h1>歡迎來到我的靜態網頁</h1>
<p>這是一個基于HTML5的靜態網頁示例。網頁的內容包含了標題、段落、圖片、鏈接等元素。代碼簡單明了，易于修改和擴展。</p>
<img src="https://via.placeholder.com/400x300" alt="占位圖">
<p>這是一個占位圖，你可以將其替換成你自己的圖片。</p>
<a href="#" class="btn">查看更多>></a>
</body>
</html>在上面的代碼中，我們首先聲明了文檔類型，接著定義了HTML、頭部、身體等基本結構。然后，我們添加了一些CSS樣式，定義了網頁的字體、顏色和布局等外觀特性。最后，我們添加了一些HTML標簽，用于展示網頁的內容。
通過使用這個靜態網頁示例，我們可以快速、輕松地構建出一個漂亮、功能豐富的網站，為用戶提供更好的體驗。
上一篇nginx緩存css