網頁的表格布局

2014-07-25 6254

分享至：

網頁是信息的載體，為了方便、快捷地將大量的數據和信息組織在一起，常常要使用表格，表格標記對于網頁制作是很重要的。現在很多網頁都是使用多重表格來進行網頁布局，因為表格不但可以固定文本或圖像的輸出，而且還可以任意地進行背景色和前景色的設置。

下面說下基本表格的顯示形式：

...

標記對用于創建表格。一個表格的基本元素由以下4個部分組成：

·...

定義表格區。

·... 定義表格行。

·...定義標題行單元格，或...定義數據單元格。

·...定義表格標題。

若要創建一個基本的表格，可以使用以下HTML代碼。

表格標題文字
標題	標題	標題
數據	數據數據

一般...與...標記是可選的，但其他3對標記是必選的。

標記放在...

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

·align=top；標題放在表格的上方，居中(默認值)。

·align-bottom：標題放在表格的下方，居中。

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

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

學生信息表
姓名	性別	備注
王林《/TD>	男	20	優秀團員
趙云	女	24	三好學生

來源聲明：

本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。

10年+資深項目經理1V1服務 | 行業定制化方案 | 精準報價體系