利用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>