在Web开发中制作个人简历（超简单版）

最新推荐文章于 2023-06-24 16:38:23 发布

临风.

最新推荐文章于 2023-06-24 16:38:23 发布

阅读量6.2k

点赞数 10

分类专栏： Web开发文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_44640357/article/details/129291388

版权

Web开发专栏收录该内容

2 篇文章

订阅专栏

该文介绍了如何使用基本的HTML标签制作一份简单的个人简历，包括设置背景颜色、标题、个人信息展示、自我评价、教育背景、实习经历和技能等内容。同时强调了仅用HTML标签难以实现复杂设计，需结合CSS样式来提升简历的专业性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Web开发中制作个人简历（超简单版）

文章目录

一、个人简历效果

在这里插入图片描述

二、部分代码解析

开头有部分代码以及在之前的文章中解析过，如果想看具体参数的可以，移步到下面这条链接在Web开发中简单的HTML标签的使用

在body中设置整个html在浏览器中显示的背景颜色为白色

<body style="background-color: white;">
</body>

设置页面大标题并且居中

 <center>
    <h1 style="color: black;">
      个人简历
    </h1>
  </center>

第二段为姓名、性别、联系方式、邮箱等一些个人信息
设置整段的背景颜色为rgb(72, 209, 204)
设置字体为strong类型并且字体为较大号，颜色为白色，左对齐
并且在浏览器的绝对位置的右边设置一张自己的照片，自定义长度和高度

 <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>sa

以下内容设置字体颜色为黑色
br为换行

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

接下来的教育背景、实习经历、个人博客以及荣誉证书都与自我评价的标题及内容相似

这个为超链接标签，在href中赋一个网页链接，点击即可进入，在后面跟着的为显示出的内容

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

三、完整代码

<!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>