目录
一、展示简历信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css1.css">
</head>
<body>
<h1>机智的医生生活</h1>
<h3>基本信息</h3>
<img src="../picture1.jpg" alt="合照" width="200px">
<br>
<span>求职意向:</span><span>测试工程师</span>
<br>
<span>联系电话</span><span>123-678-098</span>
<br>
<span>邮箱:</span><span>45654654@qq.com</span>
<br>
<a href="#" >我的博客</a>
<h3>教育背景</h3>
<ol>
<li>小学</li>
<li>初中</li>
<li>高中</li>
</ol>
<h3>专业技能</h3>
<ul>
<li>语法扎实</li>
<li>数据结构</li>
<li>web开发</li>
</ul>
<h3>科研项目</h3>
<div>
<h4>1.留言墙</h4>
<div>
<span>开发时间:</span><span>2022.1-2022.6</span>
</div>
<div>
<div>功能介绍:</div>
<ul>
<li>留言发布</li>
<li>匿名留言</li>
</ul>
</div>
<h4>2.学习小助手</h4>
<div>
<span>开发时间:</span><span>2022.7-2022.9</span>
</div>
<div>
<div>功能介绍:</div>
<ul>
<li>错题检索</li>
<li>同学探索</li>
</ul>
</div>
<h3>个人评价</h3>
<div>品学兼优</div>
</div>
</body>
</html>
二、填写简历信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>请填写简历信息</h3>
<table>
<!-- tr:单元格的一行 -->
<tr>
<!-- td:一个单元格 -->
<td>姓名</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" id="male" checked="checked">
<!-- 按着后面的汉字也能选中 -->
<label for="male">男</label>
<input type="radio" name="sex" id="female">
<label for="female">女</label>
</td>
</tr>
<tr>
<td>出生日期</td>
<td>
<select>
<option selected = "selected">--请选择年份--</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
</select>
<select>
<option selected = "selected">--请选择月份--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select>
<option selected = "selected">--请选择日期--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
</td>
</tr>
<tr>
<td>就读学校</td>
<td><input type="text"></td>
</tr>
<tr>
<td>应聘岗位</td>
<td>
<input type="checkbox" id="work1">
<label for="work1">开发</label>
<input type="checkbox" id="work2">
<label for="work2">测试</label>
</td>
</tr>
<tr>
<td>掌握的技能</td>
<td>
<textarea cols="30" rows="10"></textarea>
</td>
</tr>
<tr>
<td>项目经历</td>
<td>
<textarea cols="30" rows="10"></textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" id="license">
<label for="license">我已经仔细阅读过公司的招聘请求</label>
<br>
<a href="#">查看我的状态</a>
<h3>请应聘者确认:</h3>
<ul>
<li>以上信息真实有效</li>
<li>能接收公司的文化</li>
</ul>
</td>
</tr>
</table>
</body>
</html>