App下載

html5怎么制作個人簡歷表格?相關(guān)案例分享!

猿友 2021-07-28 14:15:43 瀏覽數(shù) (2734)
反饋

今天我們來講講有關(guān)于:“html5怎么制作個人簡歷表格?相關(guān)案例分享!”這個問題的相關(guān)內(nèi)容分享,希望小編的分享對大家的學(xué)習(xí)有所幫助!

首先我們在進行個人簡歷表格的實現(xiàn)過程中需要認識一些相關(guān)的屬性和用法,下面我們來介紹下使用中比較重要的屬性,如下所示:

align:讓內(nèi)容居中,取值為left、right、center

border:設(shè)置表格的邊框

cellspacing:單元格與單元格之間的距離

bgcolor:表格的背景色

colspan:跨列數(shù)

rowspan:跨行數(shù)

當然了下面我們來看看我們的代碼和運行之后的結(jié)果截圖:


<!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">畢業(yè)學(xué)校</td>
			<td colspan="2"></td>
			<td bgcolor="#ededed">所學(xué)專業(yè)</td>
			<td colspan="2"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">專業(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">獲獎情況</td>
			<td colspan="7"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">自我評價</td>
			<td colspan="7"></td>
		</tr>
	</table>
</body>

 

通過代碼我們就可以大概的知道怎么實現(xiàn)個人簡歷表格的相關(guān)方法。

運行結(jié)果截圖入如下所示:

個人簡歷

當然了通過上面這篇文章的相關(guān)內(nèi)容分享,小編相信大家對于:“html5怎么制作個人簡歷表格?相關(guān)案例分享!”這個問題就有所了解了吧!更多有關(guān)于Html這方面的相關(guān)內(nèi)容我們都可以在W3Cschool進行學(xué)習(xí)和了解。


0 人點贊