`
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
}
h1 {
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>欢迎来到我的网站</h1>
<nav>
<a href="#about">关于</a> |
<a href="#services">服务</a> |
<a href="#contact">联系</a>
</nav>
</header>
<main>
<section id="about">
<h2>关于我们</h2>
<p>这是一个简单的HTML页面示例，展示了基本的HTML结构。</p>
<ul>
<li>HTML定义网页结构</li>
<li>CSS控制样式</li>
<li>JavaScript添加交互</li>
</ul>
</section>
<section id="services">
<h2>我们的服务</h2>
<p>我们提供以下服务：</p>
<ol>
<li>网页设计</li>
<li>前端开发</li>
<li>响应式布局</li>
</ol>
</section>
</main>
<footer id="contact">
<p>© 2023 我的网站. 联系方式: <a href="mailto:contact@example.com">contact@example.com</a></p>
</footer>
</div>
</body>
</html>
`
