表格制作说明.docVIP

表格製作說明 一般規定： 表格需以定義於 table …. /table 間 表格內容以『列(row)先行(column)後』的方式依序編寫。 表格中的一列需以定義於 tr …. /tr 間，tr為 table row 的縮寫。 資料項目需以定義於 td …. /td間，td為 table data 的縮寫，唯/td 可省略。 表格的編碼步驟 1、先繪一表格草圖 如： 甲 乙 1 2 3 4 2. 於表格前後，先加上table 及 /table， 如： table 甲 乙 1 2 3 4 /table 3. 於表格的每一列的前後，先加上tr 及 /tr，如： table tr 甲 乙 /tr tr 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 tr td甲/td td乙/td /tr tr td1/td td2/td /tr tr td3/td td4/td /tr /table 6. 上述之實例 表格的實例 HYPERLINK tabExample1.htm表格製作說明一.htm  表格框線 上例中所顯示的表格無框線，可於 table 內加入border屬性 border屬性說明 格式： border = 數字 數字愈大框線愈粗，該選項不寫或數值為0時，表無框線。 依瀏覽器的功能可能會有所不同： 若【border = 數字】不寫，在有底色時，顏色區塊是連續的。 若【border = 0】，在有底色時，欄位顏色區塊是不連續的(有欄位的格線)。 BODY table border = 1 tr td甲/td td乙/td /tr . . /table /BODY /HTML border屬性的應用實例 HYPERLINK tabBorder1.htm表格製作說明2-1.htm border = 1 HYPERLINK tabBorder2.htm表格製作說明2-2.htm border = 3 表格空白欄之處理 因HTML對白空白(white blank)的處理方式 可以中文之「全型空白」 用其提供的空白特殊符號 「nbsp; 」 (Non-Blank SPace)， 同於資料內有 “” (大於符號)時，需使用「gt;」(greater) 一樣。  表格背景顏色 bgcolor屬性說明 格式： bgcolor= “顏色名” | ”#rrggbb 例如： bgcolor = silver bgcolor = #ff0000 代表純紅因紅色全用，綠色和藍色無 背景顏色屬性可以放在table tr td 標籤內 例如： table bgcolor = silver 整個表格的背景顏色為銀色，除非 tr td 有另外指定。 tr bgcolor = #ff0000 本例的背景顏色為正紅色，除非td 有另外指定。 td bgcolor = blue 本例的背景顏色為藍色，可變更tr td 的指定。 表格的框線由table的 bgcolor 所決定，無法由tr、td變更，若要變更可使用DHTML。 bgcolor屬性的應用實例 HTML HEAD TITLE表格背景顏色練習一/TITLE /HEAD BODY table bgcolor=silver border = 1 tr td甲/td td乙/td /tr tr bgcolor=ff0000 td bgcolor=blue1/td td2/td /tr tr td3/td td4/td /tr /table br /BODY /HTML HYPERLINK tabBgcolor.htm表格製作背景顏色說明.htm  表格欄位的長寬border屬性 width和height屬性說明 格式： width=整數 | 整數% 整數 ：表示寬度為整數個像素(pixel)點。 整數%：表示寬度的佔可分配的整數比率。以該視窗或框頁所分配到螢幕的大小為100%。 height=整數 整數 ：表示高度為整數個像素(pixel)點。 整數%：表示高度的佔可分配的整數比率。 例如： width = 100 w