个人介绍网页模板html代码

admin 2023年11月19日 22:51 36 0

以下是一个简单的个人介绍网页模板的 HTML 代码示例：

<!DOCTYPE html>
<html>
<head>
  <title>个人介绍</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    header {
      background-color: #333;
      color: #fff;
      padding: 20px;
      text-align: center;
    }
    h1 {
      margin: 0;
      padding: 20px;
    }
    main {
      padding: 20px;
    }
  </style>
</head>
<body>
  <header>
    <h1>个人介绍</h1>
  </header>
  <main>
    <h2>基本信息</h2>
    <p>姓名：张三</p>
    <p>年龄：25岁</p>
    <p>职业：软件工程师</p>
    <h2>教育经历</h2>
    <ul>
      <li>本科：XX大学，计算机科学专业</li>
      <li>硕士：XX大学，软件工程专业</li>
    </ul>
    <h2>技能</h2>
    <ul>
      <li>编程语言：Java, Python, JavaScript</li>
      <li>前端开发：HTML, CSS, JavaScript, React</li>
      <li>后端开发：Node.js, Express, SQL</li>
      <li>其他技能：Git, Linux, 数据结构与算法</li>
    </ul>
    <h2>工作经历</h2>
    <p>公司A，软件工程师，2018年至今</p>
    <p>公司B，实习生，2017年</p>
    <h2>项目经验</h2>
    <ul>
      <li>项目A：描述项目A的相关信息</li>
      <li>项目B：描述项目B的相关信息</li>
      <li>项目C：描述项目C的相关信息</li>
    </ul>
    <h2>个人爱好</h2>
    <ul>
      <li>爱好1：描述爱好1的相关信息</li>
      <li>爱好2：描述爱好2的相关信息</li>
      <li>爱好3：描述爱好3的相关信息</li>
    </ul>
  </main>
  <footer>
    <p>&copy; 2023 个人介绍. All rights reserved.</p>
  </footer>
</body>
</html>

以上代码包含一个简单的个人介绍网页模板，其中包括一个标题、基本信息、教育经历、技能、工作经历、项目经验和个人爱好等部分，你可以根据自己的实际情况进行修改和定制，请注意，这只是一个简单的示例代码，你可以根据自己的需求进行更多的样式和功能添加。