# HTML静态网页制作代码
制作一个HTML静态网页其实非常简单，只需要了解基本的HTML知识就可以了，下面是一个简单的HTML静态网页的制作代码示例。
我们需要创建一个HTML文件，你可以在任何文本编辑器中创建一个新文件，然后将文件保存为`.html`扩展名，例如`index.html`。
<!DOCTYPE html>
<html>
<head>
<title>我的静态网页</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
main {
margin: 15px;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到我的静态网页！</h1>
</header>
<main>
<p>这是一个使用HTML制作的静态网页的示例。</p>
<p>这个网页包含了一个标题（h1标签）和一段文字（p标签）。</p>
<p>通过使用HTML，我们可以创建并布局网页上的各种元素，如文本、图片、链接等。</p>
<p>在这个示例中，我们还使用了一些CSS样式来美化网页，如背景颜色、字体和边距。</p>
<p>现在，让我们来看一下这个网页在浏览器中的样子。</p>
</main>
</body>
</html>现在你有了一个基本的HTML静态网页，你可以将它保存并在浏览器中打开，看看它是什么样的，这个网页有一个标题和一个包含一些说明的主内容部分，你还可以根据需要添加更多的HTML标签和样式来丰富你的网页。
