用HTML制作个人简历
生活随笔
收集整理的這篇文章主要介紹了
用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> <style>td{width: 100px;height: 50px;} </style> <body><h2 align="center">個人簡歷</h2><table border="1" cellspacing="0" cellpadding="1" width="1500px" height="600px" align="center"><tr align="center"><td>姓名</td><td><input type="text" style="border: 0px;outline: none;"></td><td>性別</td><td><input type="text" style="border: 0px;outline: none;"></td><td>出生年月</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td rowspan="4"><input type="file" name="field-id" accept="file-type"></td></tr><tr align="center"><td>民族</td><td><input type="text" style="border: 0px;outline: none;"></td><td>政治面貌</td><td><input type="text" style="border: 0px;outline: none;"></td><td>身高</td><td><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td>學制</td><td><input type="text" style="border: 0px;outline: none;"></td><td>學歷</td><td><input type="text" style="border: 0px;outline: none;"></td><td>戶籍</td><td><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td>專業</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>畢業學校</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td colspan="8"><input type="text" style="border: 0px;outline: none;"><b>技能、特長或愛好</b></td></tr><tr align="center"><td>外語等級</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>計算機</td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td colspan="8">個人履歷</td></tr><tr align="center"><td>時間</td><td colspan="4">單位</td><td colspan="4">經歷</td></tr><tr align="center"><td ></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td ></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td ></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td colspan="8">聯系方式</td></tr><tr align="center"><td>通信地址</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>聯系電話</td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td>E-mail</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>郵編</td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><tr align="center"><td colspan="8">自我評價</td></tr></table> </body> </html>效果圖
?
總結
? ? ? ? ? ? ? 使用input type使其可輸入，使用border:0消除邊框，outline:none當元素獲得焦點的時候，焦點框為0。
? ? ? ? ? ? ? ?新手嘗試編寫，求大佬多擔待。
? ? ? ? ? ? ? ?選擇文件的實現中，使用input type并不能顯示出圖片，只能顯示出選擇的文件名,求大佬指點如何使用選擇圖片時能顯示圖片的方法。
總結
以上是生活随笔為你收集整理的用HTML制作个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 轻松学PHP编程 源代码
- 下一篇： 前端案例：飞机大战( js+dom 操作