表格制作说明.docx

表格制作说明.docx

《表格制作说明.docx》由会员分享，可在线阅读，更多相关《表格制作说明.docx（12页珍藏版）》请在冰豆网上搜索。

表格制作说明

表格製作說明

一般規定：

表格需以定義於

表格內容以『列（row）先行（column）後』的方式依序編寫。

表格中的一列需以定義於….間，tr為tablerow的縮寫。

資料項目需以定義於….間，td為tabledata的縮寫，唯可省略。

表格的編碼步驟

1、先繪一表格草圖

如：

甲

乙

1

2

3

4

2.於表格前後，先加上

如：

甲

乙

1

2

3

4

3.於表格的每一列的前後，先加上及，如：

甲

乙

1

2

3

4

4.於表格的每一欄位資料的前後，加上及，如：

5.將框線去除即得

6.上述之實例

表格的實例

表格製作說明一.htm

表格框線

上例中所顯示的表格無框線，可於

border屬性說明

格式：

border=數字

數字愈大框線愈粗，該選項不寫或數值為0時，表無框線。

依瀏覽器的功能可能會有所不同：

若【border=數字】不寫，在有底色時，顏色區塊是連續的。

若【border=0】，在有底色時，欄位顏色區塊是不連續的（有欄位的格線）。

.

.

border屬性的應用實例

表格製作說明2-1.htmborder=1

表格製作說明2-2.htmborder=3

表格空白欄之處理

因HTML對白空白（whiteblank）的處理方式

可以中文之「全型空白」

用其提供的空白特殊符號「 」（Non-BlankSPace），

同於資料內有“>”（大於符號）時，需使用「>」（greater）一樣。

表格背景顏色

bgcolor屬性說明

格式：

bgcolor=“顏色名”|”#rrggbb"

例如：

bgcolor="silver"

bgcolor="#ff0000"代表純紅因紅色全用，綠色和藍色無

背景顏色屬性可以放在

表格的跨欄製作說明.htm

表格欄位內容排列

valign和align屬性說明

格式：

valign=“top”|"middle"|“bottom”

垂直方向，三個選項上、中、下

align=“left”|"center"|“right”

水平方向，三個選項左、中、右

屬性的應用實例

九種組合的情況顯示

左上

中上

右上

左中

中中

右中

左下

中下

右下

表格的內容排列說明.htm