在Web開發(fā)中制作個人簡歷(超簡單版)
一、個人簡歷效果
二、部分代碼解析
開頭有部分代碼以及在之前的文章中解析過,如果想看具體參數(shù)的可以,移步到下面這條鏈接在Web開發(fā)中簡單的HTML標(biāo)簽的使用
在body中設(shè)置整個html在瀏覽器中顯示的背景顏色為白色
<body style="background-color: white;">
</body>
設(shè)置頁面大標(biāo)題并且居中
<center>
<h1 style="color: black;">
個人簡歷
</h1>
</center>
第二段為姓名、性別、聯(lián)系方式、郵箱等一些個人信息
設(shè)置整段的背景顏色為rgb(72, 209, 204)
設(shè)置字體為strong類型并且字體為較大號,顏色為白色,左對齊
并且在瀏覽器的絕對位置的右邊設(shè)置一張自己的照片,自定義長度和高度
<p style="background-color: rgb(72, 209, 204);">
<strong style="font-size: larger;">
<font style="color: white;" align="left">
姓名: <br>
性別: <br>
聯(lián)系方式: <br>
郵箱:<a href="mailto:"></a>
</font>
</strong>
<img style="position: absolute; top:40px; right:0px;" src="white.jpg" width="145px" height="145px">
</p>
設(shè)置標(biāo)題,自我評價
<h2 align="left" style="color:mediumturquoise;">
自我評價
</h2>sa
以下內(nèi)容設(shè)置字體顏色為黑色
br為換行
<p>
<font style="color:black;">
<b>
高考專業(yè)陪考戶<br>
大學(xué)生專業(yè)陪讀<br>
計算機專業(yè)陪敲<br>
CET-6專業(yè)陪考<br>
</b>
</font>
</p>
接下來的教育背景、實習(xí)經(jīng)歷、個人博客以及榮譽證書都與自我評價的標(biāo)題及內(nèi)容相似
這個為超鏈接標(biāo)簽,在href中賦一個網(wǎng)頁鏈接,點擊即可進入,在后面跟著的為顯示出的內(nèi)容文章來源:http://www.zghlxwxcb.cn/news/detail-498211.html
<a href="https://blog.csdn.net/qq_44640357">CSDN 創(chuàng)作者“臨風(fēng).”的主頁連接</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>
聯(lián)系方式: <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>
高考專業(yè)陪考戶<br>
大學(xué)生專業(yè)陪讀<br>
計算機專業(yè)陪敲<br>
CET-6專業(yè)陪考<br>
</b>
</font>
</p>
<h2 align="left" style="color: mediumturquoise;">
教育背景
</h2>
<p style="background-color: white;">
<font style="color: black">
<strong>
數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)本科?/??/?2021-2024
</strong>
<br>
<font>
</font>
<br>
<font>
</font>
</font>
</p>
<h2 align="left" style="color:mediumturquoise;">
實習(xí)經(jīng)歷
</h2>
<p>
<font style="color: black">
在加里敦大學(xué)對幾位國內(nèi)本科生及幾位海外留學(xué)生進行課程輔導(dǎo)
</font>
</p>
<h2 align="left" style="color:mediumturquoise;">
專業(yè)技能
</h2>
<p>
<font style="color:black">
<b>
簡單的Python程序編程<br>
簡單的MySQL程序編程<br>
簡單的pandas數(shù)據(jù)分析<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 創(chuàng)作者“臨風(fēng).”的主頁連接</a>
<h2 align="left" style="color:mediumturquoise">
榮譽證書
</h2>
<p>
<font style="color:black">
<b>
CET-4 證書
</b>
</font>
</p>
</body>
</html>
四、實驗小結(jié)
只是使用簡單的HTML標(biāo)簽的確很難制作出正常的一份個人簡歷,還得學(xué)習(xí)以及使用更多的CSS樣式。文章來源地址http://www.zghlxwxcb.cn/news/detail-498211.html
到了這里,關(guān)于在Web開發(fā)中制作個人簡歷(超簡單版)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!