生活随笔
收集整理的這篇文章主要介紹了
用HTML代码实现个人简历的编写
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
小白 第二彈——用html代碼（完成下面簡歷的內容）寫出個人簡歷
話不多說 先放圖
首先先要明確兩個知識點（html中table標簽的使用）【注：以下代碼是先測試兩個知識點】
先構造一個表格
（1）跨列合并
代碼格式：<td colspan="3"></td>
如果僅僅是將上述代碼寫在標簽中會產生下面的情況
合并那一行中多出個一個單元格，所以要在在該行中下面注釋掉一個單元格
如果要合并3列則需要在其下面注釋掉2個單元格
<tr><td colspan="3"></td><!-- <td></td> <td></td> --><td></td></tr><tr><td></td> <td></td><td></td><td></td></tr><tr><td></td> <td></td><td></td><td></td></tr>
2）跨行合并<td rowspan="n"></td>
//n是跨行合并的行數
如果僅僅是將上述代碼寫在代碼中會產生下面的情況
所以我們要在下一行注釋掉一個單元格
如果要合并3行則代碼如下
<
<tr><td rowspan="3"></td><td></td> <td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr>
依次類推即可
下面根據上述兩個知識點即可寫出簡歷
代碼如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document
</title><style>table{ border-collapse: collapse;}td{width: 90px; height: 35px;border:1px solid black;}caption{font-size: 30px;}</style>
</head>
<body><table align="center" width:700px ; height: 600px;><caption align="center">個人簡歷
</caption><tr><td align="center" rowspan="2">姓名
</td><td align="center" rowspan="2"></td><td align="center">性別
</td><td></td><td align="center">文化程度
</td><td></td><td rowspan="3" align="center"> 照片
</td></tr><tr><td align="center">身高
</td><td></td><td align="center">政治面貌
</td></tr><tr><td align="center" >籍貫
</td><td align="center" colspan="2"></td><td align="center" >出生年月日
</td><td colspan="2"></td></tr><tr><td align="center" >戶口所在地
</td><td colspan="2"></td><td align="center" >婚否
</td><td></td><td align="center" >民族
</td><td></td></tr><tr><td align="center" >身份證號碼
</td><td colspan="2"></td><td align="center" >現居住地址
</td><td colspan="3"></td></tr><tr><td align="center" >畢業院校
</td><td colspan="3"></td><td align="center" >畢業時間
</td><td colspan="2"></td></tr><tr><td align="center" >畢業院校
</td><td colspan="3"></td><td align="center" >愛好特長
</td><td colspan="2"></td></tr><
<td align="center" rowspan="2">個人簡介
</td><td colspan="6" rowspan="2"></td></tr><tr></tr><tr><td align="center" >就學時間
</td><td align="center" colspan="2" >學校
</td><td align="center" >學年
</td><td align="center" >學歷
</td><td align="center" >專業
</td><td align="center" >擔任職務
</td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td align="center" >英語應用水平
</td><td colspan="3"></td><td align="center" >職業期望
</td><td colspan="2"></td></tr><tr><td align="center" >計算機應用水平
</td><td colspan="3"></td><td align="center" >生活要求
</td><td colspan="2"></td></tr><tr><td align="center" rowspan="4" >工作經歷求
</td><td align="center" >時間
</td><td align="center" colspan="4" >工作地點
</td><td align="center" >職務
</td></tr><tr><td></td><td colspan="4"></td><td></td></tr><tr><td></td><td colspan="4"></td><td></td></tr><tr><td></td><td colspan="4"></td><td></td></tr><tr><td align="center" >待遇要求
</td><td colspan="6"></td></tr><tr><td align="center" rowspan="2" >聯系方式
</td><td align="center" >移動電話
</td><td></td><td align="center" >現在住址
</td><td></td><td align="center" >郵編
</td><td></td></tr><tr><td align="center" >緊急聯系人
</td><td></td><td align="center" >與本人無關
</td><td></td><td align="center" >聯系電話
</td><td></td></tr></table>
</body>
</html>
由于本人是小白一個 上述中如有錯誤，不嚴謹的歡迎指正
總結
以上是生活随笔為你收集整理的用HTML代码实现个人简历的编写的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
