在Web开发中制作个人简历(超简单版)

在Web开发中制作个人简历(超简单版)

一、个人简历效果

二、部分代码解析

开头有部分代码以及在之前的文章中解析过,如果想看具体参数的可以,移步到下面这条链接
在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中赋一个网页链接,点击即可进入,在后面跟着的为显示出的内容

三、完整代码

四、实验小结

只是使用简单的HTML标签的确很难制作出正常的一份个人简历,还得学习以及使用更多的CSS样式。
经验分享 程序员 微信小程序 职场和发展