html表格基礎知識教程

ｈｔｍｌ表格基礎知識，其中重點是表格的基本結構，難點是如何創建跨多行跨多列的表格。為了使我們制作的頁面更精致、表格更美觀，我們還要研究表格布局，以及如何對表格進行美化修飾。

本節單詞記憶：標簽　１．ｔａｂｌｅ　２．ｔｒ　３．ｔｄ　屬性　１．ｂｏｒｄｅｒ

表格是網頁制作中使用最多的技術之一，它通常用來顯示分類數據，在網頁中表格更多地用在網頁布局和定位上。通過使用表格相關屬性，可實現對網頁中的文字和圖片進行合理的布局和定位，使得網頁在形式上豐富多彩，在組織上井然有序。真是表格在手，一清二楚！

在ＨＴＭＬ語言中，表格至少由＜ＴＡＢＬＥ＞標簽、＜ＴＲ＞標簽和＜ＴＤ＞標簽這３對標簽組成，否則，就不能成為表格。＜ＴＡＢＬＥ＞…＜／ＴＡＢＬＥ＞標簽中間將包括所有表格元素，表格元素主要有行、列、單元格等。了解表格的基本結構之後，我們就可以創建一個簡單的表格。

一、為什麼要使用表格

當我們在網上沖浪時，會看到論壇頁面（如圖１所示）、門戶網站頁面（如圖２所示）、購物網站頁面（如圖３所示）等。這些圖文並茂、絢麗多彩、整齊有序的頁面效果是如何實現的呢？其實很簡單，就是用表格來實現的，既然表格有如此廣泛的應用和如此強大的功能，下面我們就抓緊時間開始對表格的學習吧！

圖１　論壇頁面
　

圖２　門戶網站頁面
　

圖３　購物網站頁面

二、表格的基本結構

看到這麼多使用表格進行布局、定位的精美頁面，你是不是很想體驗一把呢！不用急，萬丈高樓平地起，先讓我們來看一看表格的最基本的結構。表格是由指定數目的行和列組成，如圖４所示。文字或圖片按照相應的列或行進行分類和顯示。

圖４　表格的布局

可以使用有行和列的表格格式來顯示數據。表格可在一定程度上控制文本和圖像在網頁中的位置，而不是完全由浏覽器對此進行控制。

在ＨＴＭＬ中，用於創建表格的標簽如下：

１．＜ＴＡＢＬＥ＞

＜ＴＡＢＬＥ＞…＜／ＴＡＢＬＥ＞標簽用於在ＨＴＭＬ文檔中創建表格。它包含表名和表格本身內容的代碼。表格的基本單元是單元格，用＜ＴＤ＞…＜／ＴＤ＞標簽定義。

２．＜ＴＲ＞

表格行用＜ＴＲ＞標簽定義，由單元格構成。多個行結合在一起就構成一個表格，這反映在用於創建表格的ＨＴＭＬ語法中。表格的每一行都用＜ＴＲ＞標簽表示，並用相應的
＜／ＴＲ＞標簽結束。

３．＜ＴＤ＞

表格的每一行又有若干表格單元格，用＜ＴＤ＞…＜／ＴＤ＞標簽表示。ＴＤ是＂表格數據（　Ｔａｂｌｅ　Ｄａｔａ）”的英文縮寫。＜ＴＤ＞標簽定義一個列，嵌套於＜ＴＲ＞標簽內。

ｂｏｒｄｅｒ屬性是最常用的屬性，可用於定義表格的單元格和結構。該屬性指定邊框的厚度，如果其值設置為零（０），則不顯示邊框。

三、如果創建表格