網頁設計｜教學網站｜Web design｜OnePage 網頁

表格概說｜ table｜

表格是網頁中常出現的元素，在傳統的網頁設計中表格除了有整理資料的功能外，還常被使用為整個頁面排版的工具，但是在CSS逐步展開WEB標準設定後，表格逐漸不再擔任重要的版面配置任務，而以DIV取代，但表格仍然在整理資料上，扮演重要的角色，本單元也以CSS搭配表格，講述如何以表格整理資料，並同時展現美感的部分，包含：色彩、標題、邊框、背景等。

表格
標籤	屬性及說明
< table > < /table >	表格：< table >是用來標示表格的開頭和結尾。包含許多屬性，可用來設定整張表格的格式，以下是這些屬性的簡介： align：用以設定表格相對於視窗的水平位置 border：指定表格外框線的寬度 cellpadding：用以指定儲存格內，文字與框線之間的距離 cellspacing：用以指定表格內框線(儲存格與儲存格之間)的寬度 width：表格的寬度，以像素值或視窗百分比為單位 bgcolor：用以設定表格的背景顏色
< caption > < /caption >	表格標題：< caption > 標籤定義表格的標題。 < caption > 標籤必須直接放置到< table > 標籤之後。每個表格只能規定一個標題。通常標題會居中顯示在表格上方
< thead > < /thead >	表格標頭：< thead> 元素用於對HTML 表格中的表頭內容進行分組，而tfoot 元素用於對HTML 表格中的表注（頁腳）內容進行分組。
< tbody > < /tbody >	標籤表格主體（正文）： < tbody > 該標籤用於組合HTML 表格的主體內容。
< tr > < /tr >	< tr >標籤是用以指示瀏覽器將文字顯示為一行表格列。
< td > < /td >	< td >代表表格資料(Table Data)，用以指定表格內某一儲存格的內容
< th > < /th >	< th > 定義HTML表格中的表頭單元格。 th 元素中的文本呈現為粗體並且居中。 td 元素中的文本是普通的左對齊文本。
scope	scope 屬性規定某個表頭單元格是否是列、行、列組或行組的表頭。行 (row)、列(colum) 的正確翻譯是橫向為行、縱向為列行列國際使用法