html个人简历展示

  1. 简历介绍界面
html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>01ice</h1>
    <div>
        <h2>基本信息</h2>
        <img src="./img/huihui.jpg" alt="huihui" width="200px" height="200px" border="1px solid black">
        
        <span><p>求职意向:前端开发工程师</p></span>
        <span><p>联系信息:138-0000-0000</p></span>
        <span><p>邮箱:01ice@example.com</p></span>
        <span><p>地址:北京市海淀区</p></span>
        <span><p>个人网站:<a href="https://icecyy.dpdns.org/" target="_blank">https://icecyy.dpdns.org/</a></p></span>
        <span><p>gitee:<a href="https://gitee.com/icecyy" target="_blank">https://gitee.com/icecyy</a></p></span>
        <span><p>gihub:<a href="https://github.com/01ice" target="_blank">https://github.com/01ice</a></p></span>
        <span><p>个人博客:<a href="https://blog.csdn.net/2301_80361851?spm=1011.2266.3001.5343" target="_blank">我的博客</a></p></span>
    </div>
    <div>
        <h2>教育经历</h2>
        <ol>
            <li>2023.06-2026.06 中国科学技术大学 软件工程 硕士</li>
            <li>2019.09-2023.06 北京信息科技大学 软件工程 本科</li>
            <li>2016.09-2019.06 北京市第八十中学 高中</li>
        </ol>
    </div>
    <div>
        <h2>专业技能</h2>
        <ul>
            <li>熟悉HTML、CSS、JavaScript等前端技术</li>
            <li>了解React、Vue等前端框架</li>
            <li>掌握Git版本控制工具</li>
        </ul>
    </div>
    <div>
        <h2>项目经验</h2>
        <ol>
            <h3>项目一:个人博客网站</h3>
            <li>项目描述:搭建个人博客网站,实现文章发布、评论、标签分类等功能。</li>
            <li>技术栈:HTML、CSS、JavaScript、Node.js、Express、MongoDB</li>
            <li>项目成果:成功搭建个人博客网站,并实现了文章发布、评论、标签分类等功能。</li>
        </ol>
        <ol>
            <h3>项目二:在线商城系统</h3>
            <li>项目描述:开发一个在线商城系统,实现商品浏览、购物车、订单管理等功能。</li>
            <li>技术栈:HTML、CSS、JavaScript、React、Node.js、Express、MySQL</li>
            <li>项目成果:成功开发在线商城系统,实现了商品浏览、购物车、订单管理等功能。</li>
    </div>
    <div>
        <h2>自我评价</h2>
        <p>本人性格开朗,乐于接受新事物,具备良好的团队合作精神和沟通能力。在学习和工作中,能够快速适应环境,<br>积极主动地解决问题。希望能够在前端开发领域不断提升自己的技能,为公司创造价值。</p>
    </div>
</body>
</html>
  1. 简历信息填写
html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>
        <thead><h3>请填写简历信息</h3></thead>
        <tr>
            <td>
                <label for="name">姓名:</label>
            </td>
            <td><input type="text" name="name" id="name" placeholder="请输入姓名"></td>
        </tr>
        <tr>
            <td>
                性别
            </td>
            <td>
                <input type="radio" name="sex" id="man" value="man" checked="checked"><label for="man">男</label>
                <img src="./img/man.png" alt="man" width="40px" height="40px">
                <input type="radio" name="sex" id="woman" value="woman"><label for="woman">女</label>
                <img src="./img/woman.png" alt="woman" width="40px" height="40px">
            </td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td>
                <select name="year" id="year">
                    <option value="">请选择年份</option>
                    <option value="2000">2000</option>
                    <option value="2001">2001</option>
                    <option value="2002">2002</option>  
                    <option value="2003">2003</option>
                    <option value="2004">2004</option>  
                </select>
                <select name="month" id="month">
                    <option value="">请选择月份</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>  
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                <select name="day" id="day">
                    <option value="">请选择日期</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>  
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                    <option value="24">24</option>
                    <option value="25">25</option>
                    <option value="26">26</option>
                    <option value="27">27</option>
                    <option value="28">28</option>
                    <option value="29">29</option>
                    <option value="30">30</option>
                    <option value="31">31</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                <label for="school">就读学校:</label>
            </td>
            <td><input type="text" name="school" id="school" placeholder="请输入就读学校"></td>
        </tr>
        <tr>
            <td>应聘岗位:</td>
            <td><input type="checkbox" name="position" id="position" >
                <label for="position">前端开发</label>
                <input type="checkbox" name="position" id="server" >
                <label for="server">后端开发</label>
                <input type="checkbox" name="position" id="tester" >
                <label for="tester">测试开发</label>
                <input type="checkbox" name="position" id="ui" >
                <label for="ui">UI设计</label>
            </td>
        </tr>
        <tr>
            <td>掌握的技能:</td>
            <td>
                <textarea name="skill" id="skill" cols="30" rows="10" placeholder="请填写掌握的技能"></textarea>
            </td>
        </tr>
        <tr>
            <td>项目经验:</td>
            <td>
                <textarea name="experience" id="experience" cols="30" rows="10" placeholder="请填写项目经验"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" name="agree" id="agree">
                <label for="agree">我已阅读并同意《用户协议》</label>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">查看我的状态</a></td>
        </tr>
        <tr>
            <td></td>
            <td><h3>请应聘者确认:</h3></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <ul>
                <li>我已阅读并同意《用户协议》</li>
                <li>我保证所填信息真实有效</li>
                <li>我愿意接受公司的面试安排</li></ul>
            </td>
        </tr>
    </table>
</body>
</html>
相关推荐
weixin_493503675 小时前
Vue3 前端生成 PDF:会员证书与活动签到表的三种打印方案与踩坑记录
前端·pdf·状态模式
尾善爱看海8 小时前
前端算法与手写题集
前端·算法
徐小夕8 小时前
JitWord 4.0 万字分享:从协同工具到AI Word操作系统,聊聊3年产品创业史
前端·vue.js·后端
萧鼎9 小时前
Python 高性能Web框架神器 FastAPI:自动生成API文、基于Pydant、异步请求处理全搞定
前端·python·fastapi
IT_陈寒10 小时前
Redis误用keys命令把生产环境搞崩了,血的教训
前端·人工智能·后端
计算机魔术师10 小时前
5000亿估值冲刺科创板,DeepSeek 为何急着上市?
前端
我血条子呢10 小时前
前端解析word方案
前端·word
kyriewen11 小时前
我用 AI 写完一个需求后才发现,最难的不是 prompt,而是验收
前端·程序员·ai编程
申行11 小时前
Vue 3 + DYMO Connect Framework 实战:从标签模板到打印服务的完整实现
前端
两只羊ovo11 小时前
Vue 3 + DeepSeek 流式输出实战:从“干等”到“打字机”体验
前端·vue.js