【博主推薦】html好看的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)版

• 文章目錄
• • html好看的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)版
  • 1.界面效果
  • 2.主界面
  • 3.基本資料
  • 4.專業(yè)技能
  • 5.工作經(jīng)驗(yàn)
  • 6.聯(lián)系方式
  • 源碼下載

利用HTML制作一個(gè)好看的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)，可以在這個(gè)基礎(chǔ)上修改自己的個(gè)人簡(jiǎn)歷信息，然后直接使用，可以直接發(fā)布運(yùn)行訪問。

文章目錄

html好看的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)版

界面分為橫向菜單和縱向菜單兩部分導(dǎo)航
橫向菜單
以跳轉(zhuǎn)自己的博客和資源為超鏈接，可以自定義連接地址和連接內(nèi)容。
縱向菜單
以展示自己的簡(jiǎn)歷信息為框架，支持鼠標(biāo)滾動(dòng)，點(diǎn)擊下一頁(yè)，點(diǎn)擊縱向點(diǎn)跳轉(zhuǎn)。

1.界面效果

【博主推薦】html好看的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)版

2.主界面

用于展示自己的個(gè)人信息，圖標(biāo)，名稱，名言等信息，菜單用于跳轉(zhuǎn)自己的資源和博客地址。

<aside><a class="cur_a"><span>xcLeigh</span></a><a><span>基本資料</span></a><a><span>專業(yè)技能</span></a><a><span>工作經(jīng)驗(yàn)</span></a><a><span>聯(lián)系方式</span></a> </aside> <section class="page_one" id="page1"><nav><div class="nav_wrap"><div class="resume_logo"><a href="index.html">xcLeigh</a></div><div class="nav_bar"><ul class="nav_bar_ul"><li><a href="index.html">個(gè)人簡(jiǎn)歷</a></li><li><a href="https://blog.csdn.net/weixin_43151418/article/details/125121535">前端資源</a></li> <li><a href="https://blog.csdn.net/weixin_43151418/article/details/125006351">后端資源</a></li><li><a href="https://blog.csdn.net/weixin_43151418/article/details/124986738">JAVA資源</a></li><li><a href="https://blog.csdn.net/weixin_43151418/article/details/124986567">C#資源</a></li></ul></div></div></nav><div class="cen_con"><div class="portrait"><img onmousemove="this.src='images/22.png'" onmouseout="this.src='images/portrait1.jpg'"/ src="images/portrait1.jpg"></div><div class="cen_text"><h2>努力到無能為力，拼搏到感動(dòng)自己。</h2><hr><h3>xcLeigh</h3><h3>全棧工程師</h3><h3>在職北京 ? 海淀</h3></div></div><div class="down_arrow"><a class="scroll"><span></span></a> </div> </section>

3.基本資料

用于展示自己的基本資料展示，自己的自我介紹，包括姓名、手機(jī)號(hào)、郵箱、qq號(hào)、學(xué)歷等信息。

<div class="tit_wrap"><h1>基本資料</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2> &nbsp;&nbsp;&nbsp;&nbsp;熟悉C#和Java前后端開發(fā)，熟悉oracle和mysql數(shù)據(jù)庫(kù)，熟悉Html和js及css前端開發(fā)，熟悉uniapp跨平臺(tái)開發(fā)，熟悉windows和linux服務(wù)器部署web服務(wù)，熟悉winform和swing應(yīng)用程序研發(fā)，熟悉云服務(wù)器部署建站。</h2> </div> <div class="myinfo"><table><tbody><tr><td rowspan="6"><img src="images/portrait1.jpg"></td><td>姓名 | xcLeigh</td><td>手機(jī) | 13300000000</td></tr><tr><td>性別 | 男</td><td>郵箱 | 1376174000@qq.com</td></tr><tr><td>出生 | 1992.02.20</td><td>QQ號(hào) | 1376174000</td></tr><tr><td>居住 | 北京市海淀區(qū)</td><td>戶籍 | 北京市海淀區(qū)</td></tr><tr><td>學(xué)歷 | 本科</td><td>學(xué)校 | 北京理工大學(xué)</td></tr><tr><td>專業(yè) | 計(jì)算機(jī)應(yīng)用</td><td></td></tr></tbody></table> </div>

4.專業(yè)技能

用于展示自己的掌握的技能，自己的能力，自己會(huì)什么，技多不壓身，一技在手天下我有。

<div class="tit_wrap"><h1>專業(yè)技能</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>技多不壓身，一技在手天下我有。</h2> </div> <div class="skill_con"><div class="canvas_wrap"><div class="canvas_con"><div class="text_con"><p class="percent">98%</p><p class="chart_title">C#</p></div><canvas id="html5" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">93%</p><p class="chart_title">JAVA</p></div><canvas id="css3" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">96%</p><p class="chart_title">HTML</p></div><canvas id="js" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">99%</p><p class="chart_title">ORACLE</p></div><canvas id="jq" width=160 height=160></canvas></div></div><div class="text_wrap"><p>1. 熟練使用java，基于ssh能快速搭建系統(tǒng)框架。</p><p>2. 熟練使用java，基于spring boot能快速搭建系統(tǒng)框架。</p><p>3. 熟練使用HTML/CSS技術(shù)，精通js/jquery編程,能夠熟練使用angularjs，vue,reactjs等前端框架。</p><p>4. 熟悉oracle,mysql,sqlserver等各平臺(tái)安裝使用，熟練使用SQL語(yǔ)句增刪改查，觸發(fā)器，存儲(chǔ)過程，索引，序列。</p><p>5. 熟練的使用grunt，gulp等前端工具。</p><p>6. 熟悉c#語(yǔ)言研發(fā)，基于asp.new mvc能快速搭建系統(tǒng)框架，新技術(shù)asp.net core做后臺(tái)數(shù)據(jù)服務(wù)能快速搭建，跨平臺(tái)使用。</p><p>7. 熟悉c#語(yǔ)言研發(fā)，基于winform的c/s應(yīng)用程序能快速搭建框架。</p></div> </div>

5.工作經(jīng)驗(yàn)

用于展示自己的工作經(jīng)驗(yàn)，按時(shí)間排序，項(xiàng)目的工作時(shí)間，工作工具，項(xiàng)目描述，技能點(diǎn)等信息。

<div class="tit_wrap"><h1>工作經(jīng)驗(yàn)</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>每一次經(jīng)歷就是積累，經(jīng)歷多了，也就成熟了，也就懂的多了。</h2> </div><div class="work_con"><div class="programe"><div class="work_time">22個(gè)月<br>汽車之家官網(wǎng)</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>開發(fā)時(shí)間：2019 /12--2021 /10</h4><h5>開發(fā)工具：VS2015，VSCode，ORACLE</h5><p>項(xiàng)目描述：</p><p>參與與客戶交流需求，參與項(xiàng)目整體開發(fā)，主要負(fù)責(zé)首頁(yè)面各方面數(shù)據(jù)綜合顯示，系統(tǒng)采用預(yù)加載，通過wcf對(duì)硬件控制，實(shí)時(shí)更新，一些頁(yè)面設(shè)計(jì)，數(shù)據(jù)庫(kù)的設(shè)計(jì)，數(shù)據(jù)測(cè)試。</p><p> 1.數(shù)據(jù)信息展示塊，2.軟硬件交互塊，3.數(shù)據(jù)解析塊。</p> </div></div> </div><div class="programe"><div class="work_time">8個(gè)月<br>聯(lián)想后臺(tái)研發(fā)</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>開發(fā)時(shí)間：2021 /10--2022 /06</h4><h5>開發(fā)工具：IDEA,VSCode,MYSQL</h5><p>項(xiàng)目描述：</p><p>參與與客戶交流需求，參與項(xiàng)目整體開發(fā)，主要負(fù)責(zé)首頁(yè)面各方面數(shù)據(jù)綜合顯示，系統(tǒng)采用預(yù)加載，實(shí)時(shí)更新，一些頁(yè)面設(shè)計(jì)，數(shù)據(jù)庫(kù)的設(shè)計(jì)，數(shù)據(jù)測(cè)試。 </p><p>1.設(shè)備基礎(chǔ)信息 2.部門信息 3.用戶信息 4.數(shù)據(jù)報(bào)表 5.調(diào)試工具，6.數(shù)據(jù)監(jiān)測(cè)，7.系統(tǒng)配置等7個(gè)大功能塊 系統(tǒng)采用角色分配，操作分配等權(quán)限，實(shí)現(xiàn)各個(gè)角色的權(quán)限功能。精確劃分各個(gè)部門的職責(zé)。</p> </div></div></div> </div>

6.聯(lián)系方式

用于展示自己的聯(lián)系方式，地址、qq號(hào)、電話、或者發(fā)送郵箱填寫，便于閱讀者聯(lián)系自己，與自己溝通交流。

<div class="tit_wrap"><h1>聯(lián)系方式</h1><div class="scissors" style="border-top:1px dashed orange;"><!--<span></span>剪刀樣式--></div><h2>如果你有什么需求，請(qǐng)聯(lián)系我，讓我們一起解決。</h2> </div> <div class="contact_detail"><ul class="con_style"><li><span></span><p>北京市 ? 海淀區(qū)</p></li><li><span></span><p>1376174000@qq.com</p></li><li><span></span><p>13300000000</p></li></ul><div class="contact_info"><form action="" method="get"><label><input type="text" id="username" placeholder="請(qǐng)寫上您的名字" required=""><p id="check_username"></p></label><label><input type="text" id="usermail" placeholder="請(qǐng)寫上您的郵箱" required=""><p id="check_usermail"></p></label> <label><input type="text" id="usertheme" placeholder="請(qǐng)寫上您的主題" required="" maxlength="25"><p id="check_usertheme"></p></label> <label><textarea id="usercon" placeholder="請(qǐng)寫上您的內(nèi)容" required=""></textarea><p id="check_usercon" ></p></label> <button>確認(rèn)發(fā)送</button></form></div> </div>

源碼下載

【博主推薦】html好看的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)版 點(diǎn)擊下載源碼

總結(jié)

以上是生活随笔為你收集整理的【博主推荐】html好看的个人简历网页版(附源码)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。