網(wǎng)頁(yè)的表格布局

2014-07-25 6622

分享至：

網(wǎng)頁(yè)是信息的載體，為了方便、快捷地將大量的數(shù)據(jù)和信息組織在一起，常常要使用表格，表格標(biāo)記對(duì)于網(wǎng)頁(yè)制作是很重要的。現(xiàn)在很多網(wǎng)頁(yè)都是使用多重表格來(lái)進(jìn)行網(wǎng)頁(yè)布局，因?yàn)楸砀癫坏梢怨潭ㄎ谋净驁D像的輸出，而且還可以任意地進(jìn)行背景色和前景色的設(shè)置。

下面說(shuō)下基本表格的顯示形式：

...

標(biāo)記對(duì)用于創(chuàng)建表格。一個(gè)表格的基本元素由以下4個(gè)部分組成：

·...

定義表格區(qū)。

·... 定義表格行。

·...定義標(biāo)題行單元格，或...定義數(shù)據(jù)單元格。

·...定義表格標(biāo)題。

若要?jiǎng)?chuàng)建一個(gè)基本的表格，可以使用以下HTML代碼。

表格標(biāo)題文字
標(biāo)題	標(biāo)題	標(biāo)題
數(shù)據(jù)	數(shù)據(jù)數(shù)據(jù)

一般...與...標(biāo)記是可選的，但其他3對(duì)標(biāo)記是必選的。

標(biāo)記放在...

標(biāo)記對(duì)之間，表格的行標(biāo)記之前，它可以使用align屬性，確定表格的標(biāo)題放在表格上方還是下方。

·align=top；標(biāo)題放在表格的上方，居中(默認(rèn)值)。

·align-bottom：標(biāo)題放在表格的下方，居中。

注意：表格間允許相互嵌套，但不能交叉嵌套。

【例1-1】設(shè)計(jì)一個(gè)3行4列的基本表格(1-1.htm )，包含表格標(biāo)題()和表格標(biāo)題行()，表格效果如圖1-1所示

學(xué)生信息表
姓名	性別	備注
王林《/TD>	男	20	優(yōu)秀團(tuán)員
趙云	女	24	三好學(xué)生

來(lái)源聲明：

本文章系尚品中國(guó)編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請(qǐng)注明來(lái)自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)及時(shí)與本站聯(lián)系（010-60259772）。