利用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~~ 我要加油!

相关推荐
anyup10 分钟前
快崩溃了!华为应用商店已经 4 次驳回我的应用上线
前端·华为·uni-app
Qian Xiaoo24 分钟前
前后端分离开发 和 前端工程化
前端
要加油哦~38 分钟前
vue · 插槽 | $slots:访问所有命名插槽内容 | 插槽的使用:子组件和父组件如何书写?
java·前端·javascript
先做个垃圾出来………1 小时前
split方法
前端
前端Hardy1 小时前
HTML&CSS:3D图片切换效果
前端·javascript
spionbo2 小时前
Vue 表情包输入组件实现代码及完整开发流程解析
前端·javascript·面试
全宝2 小时前
✏️Canvas实现环形文字
前端·javascript·canvas
lyc2333332 小时前
鸿蒙Core File Kit:极简文件管理指南📁
前端
我这里是好的呀2 小时前
全栈开发个人博客12.嵌套评论设计
前端·全栈