【博主推薦】html好看的個人簡歷網頁版

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

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

文章目錄

html好看的個人簡歷網頁版

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

1.界面效果

【博主推薦】html好看的個人簡歷網頁版

2.主界面

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

<aside><a class="cur_a"><span>xcLeigh</span></a><a><span>基本資料</span></a><a><span>專業技能</span></a><a><span>工作經驗</span></a><a><span>聯系方式</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前后端開發，熟悉oracle和mysql數據庫，熟悉Html和js及css前端開發，熟悉uniapp跨平臺開發，熟悉windows和linux服務器部署web服務，熟悉winform和swing應用程序研發，熟悉云服務器部署建站。</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>居住 | 北京市海淀區</td><td>戶籍 | 北京市海淀區</td></tr><tr><td>學歷 | 本科</td><td>學校 | 北京理工大學</td></tr><tr><td>專業 | 計算機應用</td><td></td></tr></tbody></table> </div>

4.專業技能

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

<div class="tit_wrap"><h1>專業技能</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能快速搭建系統框架。</p><p>2. 熟練使用java，基于spring boot能快速搭建系統框架。</p><p>3. 熟練使用HTML/CSS技術，精通js/jquery編程,能夠熟練使用angularjs，vue,reactjs等前端框架。</p><p>4. 熟悉oracle,mysql,sqlserver等各平臺安裝使用，熟練使用SQL語句增刪改查，觸發器，存儲過程，索引，序列。</p><p>5. 熟練的使用grunt，gulp等前端工具。</p><p>6. 熟悉c#語言研發，基于asp.new mvc能快速搭建系統框架，新技術asp.net core做后臺數據服務能快速搭建，跨平臺使用。</p><p>7. 熟悉c#語言研發，基于winform的c/s應用程序能快速搭建框架。</p></div> </div>

5.工作經驗

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

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

6.聯系方式

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

<div class="tit_wrap"><h1>聯系方式</h1><div class="scissors" style="border-top:1px dashed orange;"><!--<span></span>剪刀樣式--></div><h2>如果你有什么需求，請聯系我，讓我們一起解決。</h2> </div> <div class="contact_detail"><ul class="con_style"><li><span></span><p>北京市 ? 海淀區</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="請寫上您的內容" required=""></textarea><p id="check_usercon" ></p></label> <button>確認發送</button></form></div> </div>

源碼下載

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。