利用html制作简历网页和求职信息网页

前言

大家好,我是maybe。今天下午初步学习了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>Maybe</h1>
    <div>
        <h2>基本信息</h2>
        <img src="../img/微信图片_20250325221714.jpg" alt="" width="150" height="150">
        <p>求职意向:java开发</p>
        <p>联系电话:180XXXXXXXX</p>
        <p>个人邮箱:2076XXXXXX</p>
        <p><a href="https://gitee.com/huahai-turns-into-a-sea">我的Gitee连接</a></p>
        <p><a href="https://blog.csdn.net/Z2076465172?spm=1000.2115.3001.5343">我的博客链接</a></p>
    </div>
    <div>
        <h1>教育背景</h1>
        <ol>
            <li><p>小学:小学学习了语文数学</p></li>
            <li><p>初中:中学学习了英语</p></li>
            <li><p>高中:高中参加了高考</p></li>
            <li><p>大学:大学选择了计算机</p></li>
        </ol>
        <h1>掌握技能</h1>
        <ul>
            <li>掌握java的基础语法</li>
            <li>掌握初级的数据结构</li>
            <li>掌握初阶的数据库</li>
            <li>掌握一点点前端</li>
        </ul>
        
        <div>
            <h1>个人项目</h1>
            <ol><h3><li>简单图书管理系统后端</li></h3>
                <p>开发时间:2025年4月1日到2025年4月10日</p>
                <p>功能介绍</p>
                <ul>
                    <li>支持借书</li>
                    <li>支持还书</li>
                </ul>
                <h3><li>设计数据库</li></h3>
                <p>开发时间:还在开发</p>
                <p>功能介绍</p>
                <ul>
                    <li>可以导入数据</li>
                    <li>可以输出数据</li>
                    <li>可以建表</li>
                </ul>
            </ol>
           
        </div>
        <div>
            <h1>个人评价</h1>
            <span><p>我爱玩原神</p></span>
        </div>
    </div>
    
</body>
</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="" id="">
            </td>
        </tr>
        <tr>
            <td>
                性别
            </td>
            <td>
                <input type="radio" name="gender" id="male" checked="checked">
                <label for="male">
                    <img src="../img/男.png" alt="" width="45" height="45">
                </label>
                <input type="radio" name="gender" id="female">
                <label for="female">
                    <img src="../img/女.png" alt="" width="45" height="45">
                </label>
            </td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td>
                <select name="" id="">
                    <option value="">--请选择年份--</option>
                    <option value="" selected="select">--2000--</option>
                    <option value="">--2001--</option>
                    <option value="">--2002--</option>
                    <option value="">--2003--</option>
                    <option value="">--2004-</option>
                    <option value="">--2005-</option>
                </select>
                <select name="" id="">
                    <option value="">--请选择月份--</option>
                    <option value="" selected="select">--1--</option>
                    <option value="">--2--</option>
                    <option value="">--3--</option>
                    <option value="">--4--</option>
                    <option value="">--5--</option>
                    <option value="">--6--</option>
                    <option value="">--7--</option>
                    <option value="">--8--</option>
                    <option value="">--9--</option>
                    <option value="">--10--</option>
                    <option value="">--11--</option>
                    <option value="">--12--</option>
                </select>
                <select name="" id="">
                    <option value="">--请选择日期--</option>
                    <option value="" selected="select">--1--</option>
                    <option value="">--2--</option>
                    <option value="">--3--</option>
                    <option value="">--4--</option>
                    <option value="">--5--</option>
                    <option value="">--6--</option>
                    <option value="">--7--</option>
                    <option value="">--8--</option>
                    <option value="">--9--</option>
                    <option value="">--10--</option>
                </select>
            </td>
        </tr>
            <tr>
                <td>
                    <label for="school">就读学校</label>
                </td>
                <td>
                    <input type="text" name="" id="school">
                </td>
            </tr>
            <tr>
                <td>应聘岗位</td>
                <td>
                <input type="checkbox" name="" id="a">
                <label for="a">前端开发</label>
                <input type="checkbox" name="" id="b">
                <label for="b">后端开发</label>
                <input type="checkbox" name="" id="c">
                <label for="c">测试开发</label>
                <input type="checkbox" name="" id="d">
                <label for="d">运维开发</label>
                </td>
            </tr>
            <tr>
                <td>掌握的技能</td>
                <td>
                    <textarea name="" id="" cols="40" rows="10"></textarea>
                </td>
            </tr>
            <tr>
                <td>项目经历</td>
                <td>
                    <textarea name="" id="" cols="40" rows="10"></textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="checkbox" id="a">
                    <label for="a">我已仔细阅读公司的招聘要求</label>
                </td>
            </tr>
            <tr>
                 
                    <td></td>
                    <td> <a href="#">查看我的状态</a></td>
        
            </tr>
            <tr>
                <td></td>
                <td><h3>应聘者确认信息</h3></td>
            </tr>
            <tr>
                <td></td>
                <ul>
                    <li>以上信息是有效的</li>
                    <li>可以尽早去公司实习</li>
                    <li>可以接受加班文化</li>
                </ul>
            </tr>
    </table>  
</body>
</html>

html基本的知识(我总结的)

结语

byebye~~ 我要加油!

相关推荐
狒狒AI3 分钟前
Remotion / GSAP+Three / HyperFrames / Skia 四栈实测:代码渲染知识视频的选栈方法(附开源技能)
前端·人工智能·aigc
修炼的dance4 分钟前
浏览器里导出H.265,8.5秒和55.5秒差在硬件
前端
补码缩写4 分钟前
WebCodecs选编码器,探测之后还要验解码和播放
前端
大文说跨境6 分钟前
亚马逊多账号管理浏览器怎么选?云登/紫鸟/AdsPower 对比
java·前端·自动化
hunter_0768 分钟前
iOS 首页复杂嵌套滚动技术方案:头部固定 + 网格滚动 + Tab 吸顶 + 每 Tab 独立下拉刷新
前端
CoderYanger21 分钟前
Java EE 进阶:4.Spring Web MVC 入门(第一弹)
java·开发语言·前端·spring·面试·java-ee·mvc
用户27886072856721 分钟前
fallback 会盖掉平台提示词:system、空数组和 systemAppend 的差别
前端·后端
peach24 分钟前
大模型和传统编程:同为程序,差异不在硬件,在"逻辑从哪来"
前端
ALONE阿龙太原微码33 分钟前
微信小程序包体积优化:2MB 到 400KB 的实操记录
前端
掘金挖土35 分钟前
前端手摸手跑路之 AI 应用开发(十一)
前端·后端