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

相关推荐
香蕉可乐荷包蛋42 分钟前
浅入ES5、ES6(ES2015)、ES2023(ES14)版本对比,及使用建议---ES6就够用(个人觉得)
前端·javascript·es6
未来之窗软件服务1 小时前
资源管理器必要性———仙盟创梦IDE
前端·javascript·ide·仙盟创梦ide
liuyang___2 小时前
第一次经历项目上线
前端·typescript
西哥写代码3 小时前
基于cornerstone3D的dicom影像浏览器 第十八章 自定义序列自动播放条
前端·javascript·vue
清风细雨_林木木3 小时前
Vue 中生成源码映射文件,配置 map
前端·javascript·vue.js
FungLeo3 小时前
node 后端和浏览器前端,有关 RSA 非对称加密的完整实践, 前后端匹配的代码演示
前端·非对称加密·rsa 加密·node 后端
不灭锦鲤3 小时前
xss-labs靶场第11-14关基础详解
前端·xss
不是吧这都有重名4 小时前
利用systemd启动部署在服务器上的web应用
运维·服务器·前端
霸王蟹4 小时前
React中巧妙使用异步组件Suspense优化页面性能。
前端·笔记·学习·react.js·前端框架