您好,登錄后才能下訂單哦!
這篇“html5如何制作個人簡歷表格”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“html5如何制作個人簡歷表格”文章吧。
首先我們在進行個人簡歷表格的實現過程中需要認識一些相關的屬性和用法,下面我們來介紹下使用中比較重要的屬性,如下所示:
align:讓內容居中,取值為left、right、center
border:設置表格的邊框
cellspacing:單元格與單元格之間的距離
bgcolor:表格的背景色
colspan:跨列數
rowspan:跨行數
當然了下面我們來看看我們的代碼和運行之后的結果截圖:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>個人簡歷</title>
</head>
<style>
td{
width: 80px;
}
</style>
<body>
<table border="1" width="650" height="680" align="center" cellspacing="0">
<caption>個人簡歷</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">畢業學校</td>
<td colspan="2"></td>
<td bgcolor="#ededed">所學專業</td>
<td colspan="2"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">專業能力</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">求職意向</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">獲獎情況</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">自我評價</td>
<td colspan="7"></td>
</tr>
</table>
</body>
通過代碼我們就可以大概的知道怎么實現個人簡歷表格的相關方法。
以上就是關于“html5如何制作個人簡歷表格”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。