html基础01：前端基础知识学习
1.个人建立打造 – 之前知识的小总结
1.1个人简历展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>前端学习</title>
</head>
<body>
<h1>姓名：张增伟</h1>
<div>
<h2>基本信息</h2>
<img src="https://img.shetu66.com/2023/07/04/1688452147066774.png" alt="图片加载失败" width="300" height="200">
<span><p>求职意向：</p></span>
<span><p>联系电话：</p></span>
<span><p>个人邮箱：</p></span>
<span><p><a href="https://ads.taobao.com/?bc_fl_src=tbsite_PpawhTGY&channelSrp=tbsy-lianxiang" target="_blank">我的git</a></p></span>
</div>
<div>
<h2>教育背景</h2>
<ol>
<li>小学</li>
<li>初中</li>
<li>高中</li>
<li>大学</li>
</ol>
</div>
<div>
<h2>专业技能</h2>
<ul>
<li>掌握Java</li>
<li>数据结构</li>
<li>html</li>
</ul>
</div>
<div>
<h2>个人项目</h2>
<ol>
<h3><li>留言墙</li></h3>
<p>开发时间：2024 - 4454</p>
<p>功能介绍</p>
<ul>
<li>留言发布</li>
<li>匿名留言</li>
<li>不知道</li>
</ul>
<h3><li>学习小助手</li></h3>
<p>开发时间：2024 - 4454</p>
<p>功能介绍</p>
<ul>
<li>留言发布</li>
<li>匿名留言</li>
<li>不知道</li>
</ul>
</ol>
</div>
<div>
<h2>个人评价</h2>
<p>热爱生活，热爱编程</p>
</div>
</body>
</html>
1.2简历信息填写页面
图标图片： https://www.iconfont.cn/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>前端学习</title>
</head>
<body>
<table>
<thead><h3>请填写简历信息</h3></thead>
<tr>
<td><label for="name">姓名</label></td>
<td><input type="text" name="" id="name"></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" id="male">
<label for="male">
<img src="./登记.png" alt="" width="20" height="20" checked="checked"> 男
</label>
<input type="radio" name="sex" id="famale">
<label for="famale">
<img src="./登记.png" alt="" width="20" height="20"> 女
</label>
</td>
</tr>
<tr>
<td>出生日期</td>
<td>
<select name="" id="">
<option value="">--请选择年份--</option>
<option value="">2000</option>
<option value="">2001</option>
<option value="">2002</option>
<option value="">2003</option>
</select>
<select name="" id="">
<option value="">--请选择月份--</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="school">就读学校</label>
</td>
<td>
<input type="text" id="school">
</td>
</tr>
<tr>
<td>应聘岗位</td>
<td>
<input type="checkbox" name="choose" id="fe">
<label for="fe">前端开发</label>
<input type="checkbox" name="choose" id="server">
<label for="server">后端开发</label>
<input type="checkbox" name="choose" id="text">
<label for="text">测试开发</label>
</td>
</tr>
<tr>
<td>掌握的技能</td>
<td>
<textarea name="" id="" rows="10" cols="20"></textarea>
</td>
</tr>
<tr>
<td>项目经历</td>
<td>
<textarea name="" id="" rows="10" cols="20"></textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" id="yes">
<label for="yes">我已仔细阅读公司的要求</label>
</td>
</tr>
<tr>
<td></td>
<td>
<a href="./demo03.html" target="_self"> 查看我的状态
</td>
</tr>
<tr>
<td></td>
<td>
<h3>应聘者确认信息</h3>
<ul>
<li>以上信息真实有效</li>
<li>可以今早去公司实习</li>
<li>可以接受加班</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
