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

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

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

文章目錄

html好看的個人簡歷網(wǎng)頁版

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

1.界面效果

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

2.主界面

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

<aside><a class="cur_a"><span>xcLeigh</span></a><a><span>基本資料</span></a><a><span>專業(yè)技能</span></a><a><span>工作經(jīng)驗</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">個人簡歷</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>努力到無能為力，拼搏到感動自己。</h2><hr><h3>xcLeigh</h3><h3>全棧工程師</h3><h3>在職北京 ? 海淀</h3></div></div><div class="down_arrow"><a class="scroll"><span></span></a> </div> </section>

3.基本資料

用于展示自己的基本資料展示，自己的自我介紹，包括姓名、手機號、郵箱、qq號、學歷等信息。

<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ù)庫，熟悉Html和js及css前端開發(fā)，熟悉uniapp跨平臺開發(fā)，熟悉windows和linux服務器部署web服務，熟悉winform和swing應用程序研發(fā)，熟悉云服務器部署建站。</h2> </div> <div class="myinfo"><table><tbody><tr><td rowspan="6"><img src="images/portrait1.jpg"></td><td>姓名 | xcLeigh</td><td>手機 | 13300000000</td></tr><tr><td>性別 | 男</td><td>郵箱 | 1376174000@qq.com</td></tr><tr><td>出生 | 1992.02.20</td><td>QQ號 | 1376174000</td></tr><tr><td>居住 | 北京市海淀區(qū)</td><td>戶籍 | 北京市海淀區(qū)</td></tr><tr><td>學歷 | 本科</td><td>學校 | 北京理工大學</td></tr><tr><td>專業(yè) | 計算機應用</td><td></td></tr></tbody></table> </div>

4.專業(yè)技能

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

<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等各平臺安裝使用，熟練使用SQL語句增刪改查，觸發(fā)器，存儲過程，索引，序列。</p><p>5. 熟練的使用grunt，gulp等前端工具。</p><p>6. 熟悉c#語言研發(fā)，基于asp.new mvc能快速搭建系統(tǒng)框架，新技術(shù)asp.net core做后臺數(shù)據(jù)服務能快速搭建，跨平臺使用。</p><p>7. 熟悉c#語言研發(fā)，基于winform的c/s應用程序能快速搭建框架。</p></div> </div>

5.工作經(jīng)驗

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

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

6.聯(lián)系方式

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

<div class="tit_wrap"><h1>聯(lián)系方式</h1><div class="scissors" style="border-top:1px dashed orange;"><!--<span></span>剪刀樣式--></div><h2>如果你有什么需求，請聯(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="請寫上您的名字" required=""><p id="check_username"></p></label><label><input type="text" id="usermail" placeholder="請寫上您的郵箱" required=""><p id="check_usermail"></p></label> <label><input type="text" id="usertheme" placeholder="請寫上您的主題" required="" maxlength="25"><p id="check_usertheme"></p></label> <label><textarea id="usercon" placeholder="請寫上您的內(nèi)容" required=""></textarea><p id="check_usercon" ></p></label> <button>確認發(fā)送</button></form></div> </div>

源碼下載

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

總結(jié)

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

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