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

1. 网页简历

 

 

<!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. 简历信息填写

 

<!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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

shn!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值