HTML的table表格实现静态网页个人简历！！！
?
?
源代碼：
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="UTF-8">
?? ??? ?<title></title>
?? ?</head>
?? ?<body>
?? ??? ?<table align="center" border="2px" width="600px" height="800px" cellspacing="0" cellpadding="2"><caption>個人簡介</caption>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td? align="center" colspan="7">一、基本情況</td>?? ?
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>姓名</td>
?? ??? ??? ??? ?<td width="15%"></td>
?? ??? ??? ??? ?<td>性別</td>
?? ??? ??? ??? ?<td width="15%"></td>
?? ??? ??? ??? ?<td>民族</td>
?? ??? ??? ??? ?<td width="15%"></td>
?? ??? ??? ??? ?<td? width="18%" rowspan="6" align="center">照片</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td >曾用名</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td colspan="2">出生日期</td>
?? ??? ??? ??? ?<td colspan="2"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td >籍貫</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td colspan="2">身份證號</td>
?? ??? ??? ??? ?<td colspan="2"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>政治面貌</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td colspan="2">入黨(團)時間</td>
?? ??? ??? ??? ?<td colspan="2"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>最高學歷</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td colspan="2">畢業(yè)證書編號</td>
?? ??? ??? ??? ?<td colspan="2"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>聯(lián)系地址</td>
?? ??? ??? ??? ?<td colspan="5"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>聯(lián)系電話</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td colspan="2">電子郵箱</td>
?? ??? ??? ??? ?<td colspan="3"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>入學前戶口所在地詳細地址</td>
?? ??? ??? ??? ?<td colspan="6"></td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td align="center" colspan="7">二、家庭成員情況</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>姓名</td>
?? ??? ??? ??? ?<td>與本人關(guān)系</td>
?? ??? ??? ??? ?<td>政治面貌</td>
?? ??? ??? ??? ?<td align="center" colspan="4">工作單位及職務</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="4"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="4"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="4"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td colspan="7" >個人性格特點：</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td colspan="7" >具備哪些特長和技能：</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td align="center" colspan="7">三、教育背景（從中學填寫）</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>起始年月</td>
?? ??? ??? ??? ?<td colspan="3">學校</td>
?? ??? ??? ??? ?<td>專業(yè)</td>
?? ??? ??? ??? ?<td colspan="2">備注</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td align="center" colspan="7">四、工作及實習經(jīng)歷</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>起始年月</td>
?? ??? ??? ??? ?<td colspan="3">工作單位</td>
?? ??? ??? ??? ?<td>崗位</td>
?? ??? ??? ??? ?<td colspan="2">證明人及電話</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td align="center" colspan="7">五、獲獎等證書情況</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>獲得時間</td>
?? ??? ??? ??? ?<td colspan="2">證書名稱</td>
?? ??? ??? ??? ?<td colspan="3">內(nèi)容</td>
?? ??? ??? ??? ?<td>證書編號</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ??? ?<td colspan="2"> </td>
?? ??? ??? ??? ?<td colspan="3"> </td>
?? ??? ??? ??? ?<td> </td>
?? ??? ??? ?</tr>
?? ??? ??? ?
?? ??? ??? ?
?? ??? ?</table>
?? ?</body>
</html>
就是簡單的用table的tr，td屬性。
總結(jié)
以上是生活随笔為你收集整理的HTML的table表格实现静态网页个人简历！！！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在黎明前死去
- 下一篇： HTML学习笔记二--表单及表格的结合使