前言
大家好,我是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~~ 我要加油!