用HTML做一份个人简历
生活随笔
收集整理的這篇文章主要介紹了
用HTML做一份个人简历
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
學習了基本的HTML知識后，今天嘗試用Html做一份個人簡歷。需要用到的基礎知識是：
Html表格：以<table></table>標簽作為開始，<tr></tr>作為行，<td></td>作為列。
<th></th>是表頭（特殊的<tr>）,<caption></caption>為表名。
HTML表單：使用<input type=“ XXX”> （XXX）取決于想要輸入的類型，制作個人簡歷時，我主要用到“type”，“file”
個人簡歷實則上就是一份表格，表格制作時，注意“width","height"等屬性，表格制作完成后，再在相應地方加入表單，增加表格交互性，個人簡歷就做好了。
代碼放在下方，歡迎大家指正交流。
<!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>關卡三</title> </head><body><table border="1" cellpadding="0" align="center"><caption align="center"><h3>個人簡歷</h3></caption><tr><td width="110px " hight="25px " align="center">姓名</td><td width="110px " hight="25px " align="center"><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">性別</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">出生年月</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " rowspan="4 "><input type="file" style="width:110px; "></td></tr><tr><td width="110px " hight="25px " align="center">民族</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">政治面貌</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">身高</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td></tr><tr><td width="110px " hight="25px " align="center">學制</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">學歷</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">戶籍</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td></tr><tr><td width="110px " hight="25px " align="center">學制</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">學歷</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td><td width="110px " hight="25px " align="center">戶籍</td><td width="110px " hight="25px " align="center "><input type="text" style="width:110px;"></td></tr><tr><td hight="25px " align="center">專業</td><td hight="25px " align="center "></td><td colspan="2 " hight="25px " align="center">畢業學校</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:335px; "></td></tr><tr><td colspan="7 " align="center " hight="25px " align="center">技能，特長或愛好</td></tr><tr><td hight="25px " align="center">外語等級</td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td hight="25px " align="center">計算機</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:337px; "></td></tr><tr><td colspan="7 " hight="25px " align="center">個人履歷</td></tr><tr><td hight="25px " align="center">時間</td><td colspan="2 " hight="25px " align="center">單位</td><td colspan="4 " hight="25px " align="center">經歷</td></tr><tr hight="25px"><td hight="25px" align="center "><input type="text" style="width:110px;"></td><td colspan="2" hight="25px " align="center "><input type="text" style="width:222px; "></td><td colspan="4" hight="25px " align="center "><input type="text" style="width:457px; "></td></tr><tr hight="25px "><td hight="25px " align="center" input type="text"><input type="text" style="width:110px;"></td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td colspan="4 " hight="25px " align="center "><input type="text" style="width:457px; "></td></tr><tr hight="25px "><td hight="25px " align="center" input type="text"><input type="text" style="width:110px;"></td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td colspan="4 " hight="25px " align="center "><input type="text" style="width:457px; "></td></tr><tr><td colspan="7 " align="center " hight="25px ">聯系方式</td></tr><tr><td hight="25px " align="center">通信地址</td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td hight="25px " align="center">聯系方式</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:337px; "></td></tr><tr><td hight="25px " align="center">E-mail</td><td colspan="2 " hight="25px " align="center "><input type="text" style="width:222px; "></td><td hight="25px " align="center">郵編</td><td colspan="3 " hight="25px " align="center "><input type="text" style="width:337px; "></td></tr><tr><td colspan="7 " align="center " hight="25px ">自我評價</td></tr></table> </body>運行后效果如圖
?
?
總結
以上是生活随笔為你收集整理的用HTML做一份个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 七牛云海外节点
- 下一篇： linux vnc 改端口号,RHEL6