使用HTML表格制作简易的个人简历表
生活随笔
收集整理的這篇文章主要介紹了
使用HTML表格制作简易的个人简历表
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用HTML表格制作簡易的個(gè)人簡歷表
一、創(chuàng)建過程
二、原理
主要使用HTML表格的不規(guī)則表格屬性以及HTML表格的基本屬性
三、使用的主要代碼
四、主要代碼的基本元素代碼
table屬性:border：邊框
cellpadding：單元格的內(nèi)邊距（單元格邊框與內(nèi)容之間的距離）
cellspacing：單元格的外邊距(單元格之間的距離)
width:寬度
height：高度
align：對齊方式（整個(gè)表格）
bgcolor 背景顏色（純色填充）
bordercolor 邊框顏色
background： 背景圖片
tr屬性（行）
tr是沒有寬高屬性的
align:水平對齊方式(內(nèi)容)
valign:垂直對齊方式
td屬性（單元格）
width :每個(gè)單元格的寬度
height：每個(gè)單元格的高度
align:水平（單個(gè)單元格的內(nèi)容）
valign:垂直
跨行 rowspan屬性 縱向向下 包含自己
跨列 colspan屬性 橫向向右 包含自己
五、主要代碼及注釋
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title></head><body><table border="1" cellpadding="0" cellspacing="0" width="700px" height="1000px" align="center">/*創(chuàng)建表格 設(shè)置邊框?yàn)? 設(shè)置單元格內(nèi)邊距和外邊距都為0 設(shè)置寬度為700像素 高度為1000像素并且將表格整體居中*/<caption><b>個(gè)人簡歷</b></caption>/*創(chuàng)建表格標(biāo)題*/<tr><td colspan="8" rowspan="2" align="center"><b>個(gè)人求職簡歷</b></td>/*跨行合并8格，跨列合并兩格并將表格內(nèi)容居中*/</tr><tr></tr><tr><td align="center" width="13%" height="3%">姓名</td>/*將單元格內(nèi)容居中并設(shè)置寬度為13%高度3%*/<td colspan="2" width="24%"></td><td align="center" width="13%">性別</td><td colspan="2" width="24%"></td><td colspan="2" rowspan="6" width="26%"></td></tr><tr><td align="center" height="3%">年齡</td><td colspan="2"></td><td align="center">出生日期</td><td colspan="2"></td></tr><tr><td align="center" height="3%">所在城市</td><td colspan="2"></td><td align="center">從事行業(yè)</td><td colspan="2"></td></tr><tr><td align="center" height="3%">學(xué)歷</td><td colspan="2"></td><td align="center">名族</td><td colspan="2"></td></tr><tr><td align="center" height="3%">婚姻狀況</td><td colspan="2"></td><td align="center">身份證</td><td colspan="2"></td></tr><tr><td align="center" height="3%">畢業(yè)學(xué)校</td><td colspan="2"></td><td align="center">計(jì)算機(jī)能力</td><td colspan="2"></td></tr><tr><td colspan="8"></td></tr><tr><td rowspan="3" align="center">家庭成員</td><td colspan="2" align="center" height="3%">姓名</td><td align="center">成員關(guān)系</td><td colspan="2" align="center">職務(wù)</td><td colspan="2" align="center">工作單位</td></tr><tr><td colspan="2"></td><td></td><td colspan="2"></td><td colspan="2"></td></tr><tr><td colspan="2"></td><td></td><td colspan="2"></td><td colspan="2"></td></tr><tr><td colspan="8"></td></tr><tr><td rowspan="5" align="center">工作經(jīng)歷</td><td colspan="2" align="center" height="3%">工作時(shí)間</td><td align="center">公司名稱</td><td colspan="2" align="center">職位名稱</td><td colspan="2" align="center">所屬部門</td></tr><tr><td colspan="2"></td><td></td><td colspan="2"></td><td colspan="2"></td></tr><tr><td rowspan="2" colspan="2"></td><td rowspan="2"></td><td colspan="2"></td><td colspan="2"></td></tr><tr><td colspan="2"></td><td colspan="2"></td></tr><tr><td colspan="2"></td><td></td><td colspan="2"></td><td colspan="2"></td></tr><tr><td colspan="8"></td></tr><tr><td rowspan="2" align="center">教育情況</td><td colspan="2" align="center" height="3%">時(shí)間</td><td align="center">學(xué)校</td><td colspan="4" align="center">學(xué)歷</td></tr><tr><td colspan="2"></td><td></td><td colspan="4"></td></tr><tr><td colspan="8"></td></tr></tr><tr><td rowspan="2" align="center">培訓(xùn)經(jīng)歷</td><td colspan="2" align="center" height="3%">時(shí)間</td><td align="center">培訓(xùn)機(jī)構(gòu)</td><td colspan="4" align="center">培訓(xùn)內(nèi)容</td></tr><tr><td colspan="2"></td><td></td><td colspan="4"></td></tr><tr><td align="center">備注</td><td colspan="7"></td></tr><tr><td colspan="8"></td></tr><tr><td rowspan="4" align="center">自我評(píng)價(jià)</td><td rowspan="4" colspan="7"></td></tr><tr></tr><tr></tr><tr></tr></table></body> </html>六、效果圖
| 個(gè)人求職簡歷 | |||||||
| 姓名 | 性別 | ||||||
| 年齡 | 出生日期 | ||||||
| 所在城市 | 從事行業(yè) | ||||||
| 學(xué)歷 | 名族 | ||||||
| 婚姻狀況 | 身份證 | ||||||
| 畢業(yè)學(xué)校 | 計(jì)算機(jī)能力 | ||||||
| 家庭成員 | 姓名 | 成員關(guān)系 | 職務(wù) | 工作單位 | |||
| 工作經(jīng)歷 | 工作時(shí)間 | 公司名稱 | 職位名稱 | 所屬部門 | |||
| 教育情況 | 時(shí)間 | 學(xué)校 | 學(xué)歷 | ||||
| 培訓(xùn)經(jīng)歷 | 時(shí)間 | 培訓(xùn)機(jī)構(gòu) | 培訓(xùn)內(nèi)容 | ||||
| 備注 | |||||||
| 自我評(píng)價(jià) | |||||||
總結(jié)
以上是生活随笔為你收集整理的使用HTML表格制作简易的个人简历表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 项目记录-”海迪康”ipcamera客户
- 下一篇： 电脑字体突然变细了：macOS Moja