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>


相关文章
|
29天前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
61 0
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
53 0
|
11天前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
26 1
利用html2canvas插件自定义生成名片信息并保存图片
|
2月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
2月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
1月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
46 1
【HTML】构建网页的基石
|
1月前
|
机器学习/深度学习 自然语言处理 开发工具
十分钟手把手教你学会用HTML制作一个静态学术简历
十分钟手把手教你学会用HTML制作一个静态学术简历
29 0
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
移动开发 前端开发 数据挖掘
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
|
3月前
|
移动开发 数据安全/隐私保护 UED
HTML表单标签详解:如何用HTML标签打造互动网页?
通过合理使用HTML表单标签,可以构建功能丰富、用户友好的互动网页。HTML表单的元素和属性提供了丰富的输入选项和验证功能,使得收集和处理用户输入成为可能。随着HTML5的发展,表单元素的功能性和用户体验将继续得到提升。开发者应充分利用这些工具,为用户打造流畅、互动性强的网页体验。
47 4

热门文章

最新文章