RWD OnePage 網頁｜實作解析(三）表格設定

表格概說｜ table｜. 表格是網頁中常出現的元素，在傳統的網頁設計中表格除了有整理資料的功能外，還常被使用為整個頁面排版的工具，但是在CSS逐步展開WEB標準設定後， ... 網頁設計筆記 WebDesign 首頁/網頁設計講義 RWDOnePage網頁｜實作解析(三）表格設定 表格概說 範例語法解析 教學影音 表格概說｜table 表格概說｜table｜ 表格是網頁中常出現的元素，在傳統的網頁設計中表格除了有整理資料的功能外，還常被使用為整個頁面排版的工具，但是在CSS逐步展開WEB標準設定後，表格逐漸不再擔任重要的版面配置任務，而以DIV取代，但表格仍然在整理資料上，扮演重要的角色，本單元也以CSS搭配表格，講述如何以表格整理資料，並同時展現美感的部分，包含：色彩、標題、邊框、背景等。

表格 標籤 屬性及說明

表格：是用來標示表格的開頭和結尾。

包含許多屬性，可用來設定整張表格的格式，以下是這些屬性的簡介： align：用以設定表格相對於視窗的水平位置 border：指定表格外框線的寬度 cellpadding：用以指定儲存格內，文字與框線之間的距離 cellspacing：用以指定表格內框線(儲存格與儲存格之間)的寬度 width：表格的寬度，以像素值或視窗百分比為單位 bgcolor：用以設定表格的背景顏色 表格標題：

標籤定義表格的標題。

標籤必須直接放置到標籤之後。

每個表格只能規定一個標題。

通常標題會居中顯示在表格上方 表格標頭：元素用於對HTML表格中的表頭內容進行分組，而tfoot元素用於對HTML表格中的表注（頁腳）內容進行分組。

標籤表格主體（正文）：該標籤用於組合HTML表格的主體內容。

標籤是用以指示瀏覽器將文字顯示為一行表格列。

	代表表格資料(TableData)，用以指定表格內某一儲存格的內容		定義HTML表格中的表頭單元格。 th元素中的文本呈現為粗體並且居中。 td元素中的文本是普通的左對齊文本。 scope scope屬性規定某個表頭單元格是否是列、行、列組或行組的表頭。 行(row)、列(colum)的正確翻譯是橫向為行、縱向為列 行列國際使用法 表格各部分示意圖 表格示意範例 範例語法解析 表格｜html｜解析 作業表格範例 請務必調整為與範例不同的設定 深色表格 可替換原來表格語法，方便對照註解修改 淺色表格 表格｜css｜解析 表格CSS解析 可替換原來表格css語法(style.css195行起)，方便對照註解修改，此處新增.table表格外框之設定 關於Tabel的CSS奇數偶數行顏色設定 教學影音 [OnePage]實作解析|Table|表格設定 https://youtu.be/ST2gCXo306k