一个简单的HTML静态网页模板-建站资讯-CSS教程

一个简单的HTML静态网页模板

<!DOCTYPE html>
<html>
<head>
  <title>我的第一个静态网页</title>
  <style>
    /* 在这里添加你的CSS样式 */
  </style>
</head>
<body>
  <header>
    <h1>欢迎来到我的网页！</h1>
  </header>
  <nav>
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">联系我们</a></li>
    </ul>
  </nav>
  <section>
    <h2>关于我们</h2>
    <p>这是一个关于我们的简单介绍。</p>
    <p>我们专注于提供优质的服务和产品。</p>
    <p>我们的团队由一群专业人士组成，致力于为客户提供最好的体验。</p>
  </section>
  <section>
    <h2>联系我们</h2>
    <p>如果您有任何问题或建议，请随时联系我们。</p>
    <p>电话：XXX-XXXX-XXXX</p>
    <p>邮箱：[example@email.com](mailto:example@email.com)</p>
  </section>
  <footer>
    <p>&copy; 2023 我的网页，版权所有。</p>
  </footer>
</body>
</html>

这个模板包含了一个标题、一个导航栏、两个主要部分（关于我们和联系我们）和一个页脚，你可以根据需要修改和添加内容，在<style>标签中，你可以添加自己的CSS样式来美化网页，记得保存文件并将其上传到Web服务器或本地测试环境中，以便访问。

希望这个模板对你有所帮助！如果你有任何其他问题，请随时提问。

简单制作html静态网页