（企业管理套表）表格制作说明.docxVIP

（企业管理套表）表格制作说明

表格製作說明

壹般規定：

表格需以定義於table…./table間

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

表格中的壹列需以定義於tr…./tr間，tr為tablerow的縮寫。資料項目需以定義於td…./td間，td為tabledata的縮寫，唯/td可省略。

表格的編碼步驟

1、先繪壹表格草圖

如：

甲,乙1,2

3,4

2.於表格前後，先加上table及/table，

如：

table甲,乙

1,2

3,4

/table

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

table

tr,甲,乙,/trtr,1,2,/tr

tr,3,4,/tr/table

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

table

tr,td甲/td,td乙/td,/tr

tr,td1/td,td2/td,/tr

tr,td3/td,td4/td,/tr

/table

5.將框線去除即得

table

trtd甲/tdtd乙/td/trtrtd1/tdtd2/td/tr

trtd3/tdtd4/td/tr

/table

6.上述之實例

表格的實例

表格製作說明壹.htm

表格框線

上例中所顯示的表格無框線，可於table內加入border屬性

border屬性說明

格式：

border=數字

數字愈大框線愈粗，該選項不寫或數值為0時，表無框線。依瀏覽器的功能可能會有所不同：

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

若【border=0】，于有底色時，欄位顏色區塊是不連續的(有欄位

的格線)。BODY

tableborder=1

trtd甲/tdtd乙/td/tr

.

.

/table/BODY/HTML

border屬性的應用實例

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

表格空白欄之處理

因HTML對白空白(whiteblank)的處理方式能够中文之「全型空白」

用其提供的空白特殊符號「nbsp;」(Non-BlankSPace)，

同於資料內有“”(大於符號)時，需使用「gt;」(greater)壹樣。

表格背景顏色

bgcolor屬性說明

格式：

bgcolor=“顏色名”|”#rrggbb例如：

bgcolor=silver

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

背景顏色屬性能够放于tabletrtd標籤內例如：

tablebgcolor=silver

整個表格的背景顏色為銀色，除非trtd有另外指定。trbgcolor=#ff0000

本例的背景顏色為正紅色，除非td有另外指定。tdbgcolor=blue

本例的背景顏色為藍色，可變更trtd的指定。

表格的框線由table的bgcolor所決定，無法由tr、td變更，若要變更可使用DHTML。

bgcolor屬性的應用實例

HTMLHEAD

TITLE表格背景顏色練習壹/TITLE

/HEADBODY

tablebgcolor=silverborder=1trtd甲/tdtd乙/td/tr

trbgcolor=ff0000tdbgcolor=blue1/tdtd2/td/tr

trtd3/tdtd4/td/tr

/tablebr/BODY

/HTML

表格製作背景顏色說明.htm

50%,,

表格欄位的長寬border屬性

width和height屬性說明

格式：

width=整數|整數%

整數：表示寬度為整數個像素(pixel)點。

整數%：表示寬度的佔可分配的整數比率。以該視窗或框頁所分配到螢幕的大小為100%。

height=整數

整數：表示高度為整數個像素(pixel)點。整數%：表示高度的佔可分配的整數比率。例如：

width=100width=10%height=20height=20%

以該視窗或框頁所分配到螢幕的大小（寬、高）為100%。若指明200%，則大小為分配到螢幕大小的2倍。

長寬屬性能够放于tabletrtd標籤內但同壹個行（COLumn）的寬度是相同的，同壹個列（ROW）的高度是相同的。

例如：

tablewidth=100

整個表格的寬度為100個像素(pixel)點。tablewidth=100%

整個表格的寬度為可分配的全部。續上例

width和height屬性的應用實例

下例為壹個全畫面的表格（能够隨視窗大小而調變）。其欄位比率分別為

20%,,