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>
相关推荐
程序员爱钓鱼1 小时前
Rust where详解:让泛型与Trait约束更加清晰
前端·后端·rust
zzzzzz3102 小时前
react-bits 为什么会吸引前端开发者:别把动效当装饰,先把它当成页面能力
前端·react.js·动效
风月说与山鬼4 小时前
二、React入口文件(main.jsx)
前端·react.js
东风破_9 小时前
Docker 基础:为什么需要容器?
前端·后端·nginx
东风破_9 小时前
Docker 实战:使用 Nginx 作为容器入口代理 Node 服务
前端·后端·nginx
你别说话了10 小时前
Vue项目解决跨域
前端·javascript·vue.js
唐青枫11 小时前
http-server:别再双击 index.html,一条命令把目录变成网站
前端·javascript
网安蟹佬霸11 小时前
OSINT开源情报收集实战:从信息搜集到资产测绘(2026最新万字保姆级指南)
前端·网络·安全·web安全·网络安全·开源
a11177611 小时前
3D历史建筑展览馆 THreeJS 开源
前端·开源