html基础01：前端基础知识学习
html基础01：前端基础知识学习
- 1.个人建立打造 -- 之前知识的小总结
- 1.1个人简历展示
- 1.2简历信息填写页面
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>
