如何用web制作个人简历，用到html的内容

img


使用框模型进行外框设置，并进行分栏，，名字居中设置，并用分栏模式分为两列

几个div的事，如果没人搞，有空我就可以写给你

这里有详细的借鉴实例，首先学习小白式【在Web开发中制作个人简历（超简单版）】，链接：https://blog.csdn.net/qq_44640357/article/details/129291388
这一步让你学会搭框架，下面的实例是美化和完善内容的实例【HTML制作一个美观的个人简介网页（附源码）】，链接：https://blog.csdn.net/weixin_43151418/article/details/124746163?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3-124746163-blog-129291388.235%5Ev36%5Epc_relevant_default_base3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3-124746163-blog-129291388.235%5Ev36%5Epc_relevant_default_base3&utm_relevant_index=6

用chaptgpt找来一个答案，
以下是使用HTML和CSS实现的一个简单的两栏布局的个人简历示例，将内容框和外框分开设置，并将名字居中：


<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="UTF-8">  
    <title>个人简历</title>  
    <style>  
      /* 外框 */  
      .container {  
        width: 80%;  
        margin: 0 auto;  
        padding: 20px;  
      }  
  
      /* 内容框 */  
      .content {  
        display: flex;  
        flex-direction: column;  
        justify-content: center;  
      }  
  
      /* 名字 */  
      .name {  
        text-align: center;  
        font-size: 24px;  
        margin-bottom: 10px;  
      }  
  
      /* 左侧栏 */  
      .left {  
        width: 50%;  
        padding: 10px;  
        box-sizing: border-box;  
        background-color: #f2f2f2;  
      }  
  
      /* 右侧栏 */  
      .right {  
        width: 50%;  
        padding: 10px;  
        box-sizing: border-box;  
        background-color: #f2f2f2;  
      }  
    </style>  
  </head>  
  <body>  
    <div class="container">  
      <div class="content">  
        <div class="name">张三</div>  
        <div class="left">  
          <h2>教育背景</h2>  
          <ul>  
            <li>本科：北京大学，计算机科学与技术专业</li>  
            <li>硕士：清华大学，计算机科学与技术专业</li>  
          </ul>  
        </div>  
        <div class="right">  
          <h2>工作经历</h2>  
          <ul>  
            <li>软件工程师：阿里巴巴集团</li>  
            <li>软件工程师：腾讯科技有限公司</li>  
          </ul>  
        </div>  
      </div>  
    </div>  
  </body>  
</html>

我们使用了CSS的框模型来设置外框和内容框。我们使用了flex布局将内容框分为两列，并使用CSS的文本对齐属性将名字居中。左侧栏和右侧栏的宽度设置为50%，并使用box-sizing属性将盒模型的宽度计算方式改为包括内边距和边框的宽度。我们还使用了背景颜色来区分左侧栏和右侧栏的内容。

表格无边框，表格内再用div

你这是找人帮你做么

可以借鉴下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>202141084097</title>
</head>
<body style="background-color: white;">
  <center>
    <h1 style="color: black;">
      个人简历
    </h1>
  </center>

  <p style="background-color: rgb(72, 209, 204);">
    <strong style="font-size: larger;">
      <font style="color: white;" align="left">
        姓名： <br>
        性别： <br>
        联系方式： <br>
        邮箱：<a href="mailto:"></a>
      </font>
    </strong>

    <img style="position: absolute; top:40px; right:0px;" src="white.jpg" width="145px" height="145px">
  </p>

  <h2 align="left" style="color:mediumturquoise;">
      自我评价
  </h2>

  <p>
    <font style="color:black;">
      <b>
        高考专业陪考户<br>
        大学生专业陪读<br>
        计算机专业陪敲<br>
        CET-6专业陪考<br>
      </b>
    </font>
  </p>

  <h2 align="left" style="color: mediumturquoise;">
      教育背景
  </h2>
  
  <p style="background-color: white;">

    <font style="color: black">
      <strong>
        数据科学与大数据技术本科 /  / 2021-2024
      </strong>
      <br>

      <font>
        
      </font>
      <br>

      <font>
        
      </font>

    </font>
  </p>

  <h2 align="left" style="color:mediumturquoise;">
      实习经历
  </h2>

  <p>
    <font style="color: black">
        在加里敦大学对几位国内本科生及几位海外留学生进行课程辅导
    </font>
  </p>

  <h2 align="left" style="color:mediumturquoise;">
      专业技能
  </h2>
  
  <p>
    <font style="color:black">
      <b>
        简单的Python程序编程<br>
        简单的MySQL程序编程<br>
        简单的pandas数据分析<br>
        简单的Java程序编程<br>
        熟练使用MarkDown语言<br>
        熟练使用office三件套<br>
      </b>
    </font>
  </p>
 
  <h2 align="left" style="color:mediumturquoise">
    个人博客
  </h2>

  <a href="https://blog.csdn.net/qq_44640357">CSDN 创作者“临风.”的主页连接</a>

  <h2 align="left" style="color:mediumturquoise">
    荣誉证书
  </h2>

  <p>
    <font style="color:black">
      <b>
        CET-4 证书
      </b>   
   </font>
  </p>
  
</body>
</html>

这个可还行？

img