在互聯網迅速發展的今天，作為Web前端開發人員，我們不僅要注重網站的功能和性能，還要注重網站的美觀和易用性，HTML漂亮的靜態頁面源代碼就是我們追求的目標。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML漂亮的靜態頁面</title>
<style>
/*樣式表*/
body{
background-color: #f5f5f5;
}
.container{
width: 1200px;
margin: 0 auto;
background-color: #fff;
padding: 30px;
border: 1px solid #ebebeb;
box-shadow: 0 0 10px #ebebeb;
}
h1{
font-size: 36px;
text-align: center;
margin-top: 50px;
margin-bottom: 30px;
}
.content{
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
text-align: justify;
}
.btn{
display: inline-block;
background-color: #007bff;
color: #fff;
font-size: 16px;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
}
.btn:hover{
background-color: #0066cc;
cursor: pointer;
}
.footer{
font-size: 14px;
text-align: center;
margin-top: 50px;
padding: 10px 0;
border-top: 1px dashed #ccc;
}
</style>
</head>
<body>
<div class="container">
<h1>HTML漂亮的靜態頁面</h1>
<div class="content">
<p>HTML（超文本標記語言）是用于創建Web頁面的標準標記語言。它在瀏覽器中顯示文本、圖像和其他物體，并可通過超鏈接連接到其他頁面。HTML的發展始于1990年左右，目前已經發展到第五個版本 - HTML5。以上是一個簡單的HTML漂亮的靜態頁面源代碼示例。通過使用CSS樣式表，我們可以給頁面添加更細致的樣式，并使網站更加美觀和易用。希望大家可以通過學習HTML靜態頁面開發，可以制作出更加優秀的網站。