一个简单的HTML个人网页完整代码示例：个人网页模板-建站资讯-CSS教程

一个简单的HTML个人网页完整代码示例：个人网页模板

<!DOCTYPE html>
<html>
<head>
  <title>我的个人网页</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
    }
    header {
      background-color: #333;
      color: #fff;
      padding: 10px;
      text-align: center;
    }
    section {
      margin-top: 20px;
    }
    h1 {
      margin: 20px 0;
    }
    p {
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <header>
    <h1>欢迎来到我的个人网页</h1>
  </header>
  <section>
    <h2>自我介绍</h2>
    <p>我是张三，一个热爱编程和旅行的年轻人，我毕业于计算机科学专业，目前是一名软件工程师。</p>
    <h2>技能与经验</h2>
    <ul>
      <li>熟练掌握Java、Python等编程语言</li>
      <li>熟悉前端和后端开发技术</li>
      <li>有丰富的团队协作和项目管理经验</li>
    </ul>
    <h2>兴趣爱好</h2>
    <ul>
      <li>旅行：喜欢探索新的地方，领略不同的文化</li>
      <li>摄影：用镜头记录生活的美好</li>
      <li>阅读：喜欢阅读各种类型的书籍，丰富自己的知识</li>
    </ul>
  </section>
  <section>
    <h2>联系我</h2>
    <p><strong>邮箱：</strong><a href="mailto:example@example.com">example@example.com</a></p>
    <p><strong>电话：</strong>(123) 456-7890</p>
  </section>
</body>
</html>

这个个人网页的代码包括一个标题、自我介绍、技能和经验、兴趣爱好以及联系方式等部分，你可以根据自己的需要进行修改和添加内容，我使用了简单的CSS样式来美化网页的外观，你可以根据需要添加更多的样式和功能。

html个人网页完整代码