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>