今天我們來(lái)講講有關(guān)于：“html5怎么制作個(gè)人簡(jiǎn)歷表格？相關(guān)案例分享！”這個(gè)問(wèn)題的相關(guān)內(nèi)容分享，希望小編的分享對(duì)大家的學(xué)習(xí)有所幫助！
首先我們?cè)谶M(jìn)行個(gè)人簡(jiǎn)歷表格的實(shí)現(xiàn)過(guò)程中需要認(rèn)識(shí)一些相關(guān)的屬性和用法，下面我們來(lái)介紹下使用中比較重要的屬性，如下所示：
align：讓內(nèi)容居中，取值為left、right、center
border：設(shè)置表格的邊框
cellspacing：?jiǎn)卧衽c單元格之間的距離
bgcolor：表格的背景色
colspan：跨列數(shù)
rowspan：跨行數(shù)
當(dāng)然了下面我們來(lái)看看我們的代碼和運(yùn)行之后的結(jié)果截圖：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>個(gè)人簡(jiǎn)歷</title>
</head>
<style>
td{
width: 80px;
}
</style>
<body>
<table border="1" width="650" height="680" align="center" cellspacing="0">
<caption>個(gè)人簡(jiǎn)歷</caption>
<tr align="center">
<td bgcolor="#ededed">姓名</td>
<td></td>
<td bgcolor="#ededed">年齡</td>
<td></td>
<td bgcolor="#ededed">性別</td>
<td></td>
<td colspan="2" rowspan="3"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">民族</td>
<td></td>
<td bgcolor="#ededed">政治面貌</td>
<td></td>
<td bgcolor="#ededed">婚姻狀況</td>
<td></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">畢業(yè)學(xué)校</td>
<td colspan="2"></td>
<td bgcolor="#ededed">所學(xué)專(zhuān)業(yè)</td>
<td colspan="2"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">專(zhuān)業(yè)能力</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">求職意向</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">獲獎(jiǎng)情況</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">自我評(píng)價(jià)</td>
<td colspan="7"></td>
</tr>
</table>
</body>
通過(guò)代碼我們就可以大概的知道怎么實(shí)現(xiàn)個(gè)人簡(jiǎn)歷表格的相關(guān)方法。
運(yùn)行結(jié)果截圖入如下所示：
當(dāng)然了通過(guò)上面這篇文章的相關(guān)內(nèi)容分享，小編相信大家對(duì)于：“html5怎么制作個(gè)人簡(jiǎn)歷表格？相關(guān)案例分享！”這個(gè)問(wèn)題就有所了解了吧！更多有關(guān)于Html這方面的相關(guān)內(nèi)容我們都可以在W3Cschool進(jìn)行學(xué)習(xí)和了解。
