html 案例 --- 网页简历 、简历信息填写

简介: html 案例 --- 网页简历 、简历信息填写

1. 网页简历


41207448bdbc437c8b45e84d5473afe5.pnge875d185b38f420ab8e9c2ebcc68d29c.png




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的简历</title>
</head>
<body>
    <h1>GoodManS</h1>
    <h2>基本信息</h2>
    <img src="test1-简历-头像.jpg" alt="头像" width="300" height="300">
    <br>求职意向:Java开发工程师
    <br>联系电话:180-3783-1538
    <br><a href="https://blog.csdn.net/qq_52328493?type=blog">我的博客地址</a>
    <br><a href="https://blog.csdn.net/qq_52328493?type=blog">我的码云地址</a>
    <h2>教育背景</h2>
    <ol>
        <li>2008-2014 4399益智小学 小学</li>
        <li>2014-2017 CF战斗学院 初中</li>
        <li>2017-2020 LOL战斗学院 高中</li>
        <li>2020-2024 哔哩哔哩大学 大学</li>
    </ol>
    <h2>专业技能</h2>
    <ul>
        <li>银河闪电击,全身水晶闪耀着黄色的光辉。</li>
        <li>银河火焰球,全身的水晶发出红色的光辉,并燃烧着火焰,生成数个火球。</li>
        <li>银河圣剑,从右腕延伸出刀锋形成光之刃刺向地面,释放冲击波,发动时全身的水晶闪耀出白色。</li>
        <li>银河岩浆风暴,将银河圣剑插入地表并注入能量攻向敌人。</li>
    </ul>
    <h2>我的项目</h2>
    <ol>
        <li>你好,奥特曼——超能力者间的博弈</li>
        两位超能力者,一位受万人拥戴,被奉为神明,一位却饱受欺凌,自卑感爆棚。
        于是,一位准备向另一位发起挑战,然而却在挑战过程中找回了自己失去的东西。
        本集进一步丰满了迪迦的世界观,通过超能力者桐野与大古间的博弈,再次体现了奥特曼既是光也是人类的核心论点。
        桐野看着不断倒地又再次站起来战斗的迪迦,想起了曾经被欺凌的自己,
        终于打开了内心的枷锁,大古真正受人敬仰的原因,
        不是因为其强大的能力,而是他具有所有人类都拥有的品质,比如爱,勇气。
        <li>红与蓝的决战——关爱空巢老人的宣传片</li>
        老婆婆独自一人在公园喂鸽子的画面,俨然一部关爱孤寡老人的公益宣传片,
        本集通过一个温馨的故事反映出了日本残酷的社会问题。
    </ol>
</body>
</html>


2. 简历信息填写



158344d5dca44b23aaa4c750b1a244a4.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table width="500px" cellspacing="0">
        <thead>
            <h3>请填写简历信息</h3>
        </thead>
        <tbody>
            <tr>
                <td>
                    <label for="name">姓名:</label>
                </td>
                <td>
                    <input type="text" id="name">
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" name="sex" id="male">
                    <label for="male"><img src="test2-简历填写-男logo.png" width="25" height="25">男</label>
                    <input type="radio" name="sex" id="female">
                    <label for="female"><img src="test2-简历填写-女logo.png" width="25" height="25">女</label>
                </td>
            </tr>
            <tr>
                <td>出生日期:</td>
                <td>
                    <select name="出生日期" id="年">
                        <option>年</option>
                        <option value="1999">1999</option>
                        <option value="1996">1999</option>
                        <option value="1997">1999</option>
                        <option value="1998">1999</option>
                        <option value="1999">1999</option>
                        <option value="2001">2001</option>
                        <option value="2002">2002</option>
                        <option value="2003">2003</option>
                    </select>
                    <select name="出生日期" id="月">
                        <option>月</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="出生日期" id="日">
                        <option>日</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="12">13</option>
                        <option value="12">14</option>
                        <option value="12">15</option>
                        <option value="12">16</option>
                        <option value="12">17</option>
                        <option value="12">18</option>
                        <option value="12">19</option>
                        <option value="12">20</option>
                        <option value="12">21</option>
                        <option value="12">22</option>
                        <option value="12">23</option>
                        <option value="12">24</option>
                        <option value="12">25</option>
                        <option value="12">26</option>
                        <option value="12">27</option>
                        <option value="12">28</option>
                        <option value="12">29</option>
                        <option value="12">30</option>
                        <option value="12">31</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><label for="学校">就读学校:</label></td>
                <td><input type="text" id="学校"> </td>
            </tr>
            <tr>
                <td>应聘岗位:</td>
                <td>
                    <input type="checkbox" id="front">
                    <label for="front">前端开发</label>
                    <input type="checkbox" id="back">
                    <label for="back">后端开发</label>
                    <input type="checkbox" id="test">
                    <label for="test">测试开发</label>
                </td>
            </tr>
            <tr>
                <td>掌握的技能:</td>
                <td>
                    <textarea cols="30" rows="10"></textarea>
                </td>
            </tr>
            <tr>
                <td>项目经历</td>
                <td>
                    <textarea name="" id="" cols="30" rows="10"></textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="checkbox" name="" id="agree">
                    <label for="agree">我已经仔细阅读过公司的招聘要求</label>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <h3>请应聘者确认:</h3>
                    <ul>
                        <li>以上信息真实有效</li>
                        <li>能够尽早去公司实习</li>
                    </ul>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>


相关文章
|
11天前
|
存储 JavaScript 算法
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
4月前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
279 0
|
2月前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码,为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑,还具备丰富的界面设计和用户交互功能,使得玩家能够轻松上手并享受扫雷带来的乐趣。
80 22
|
2月前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
利用 html_table 函数轻松获取网页中的表格数据
|
5月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
5月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
3月前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
55 1
利用html2canvas插件自定义生成名片信息并保存图片
|
4月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
73 1
【HTML】构建网页的基石
|
4月前
|
机器学习/深度学习 自然语言处理 开发工具
十分钟手把手教你学会用HTML制作一个静态学术简历
十分钟手把手教你学会用HTML制作一个静态学术简历
55 0
|
5月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)