表格制作说明

表格製作說明一般規定：表格需以定義於 . 間表格內容以列(row)先行(column)後的方式依序編寫。表格中的一列需以定義於 . 間，tr為 table row 的縮寫。資料項目需以定義於 . 間，td為 table data 的縮寫，唯 可省略。表格的編碼步驟1、先繪一表格草圖如：甲乙12342. 於表格前後，先加上 及 ，如：甲乙12343. 於表格的每一列的前後，先加上 及 ，如：甲乙12344. 於表格的每一欄位資料的前後，加上 及 ，如：甲乙12345. 將框線去除即得 甲 乙 1 2 3 4 6. 上述之實例 表格的實例 表格製作說明一.htm表格框線上例中所顯示的表格無框線，可於 內加入border屬性border屬性說明格式： border = 數字 數字愈大框線愈粗，該選項不寫或數值為0時，表無框線。依瀏覽器的功能可能會有所不同：若【border = 數字】不寫，在有底色時，顏色區塊是連續的。若【border = 0】，在有底色時，欄位顏色區塊是不連續的(有欄位的格線)。 甲 乙 . border屬性的應用實例表格製作說明2-1.htm border = 1表格製作說明2-2.htm border = 3表格空白欄之處理因HTML對白空白(white blank)的處理方式可以中文之全型空白用其提供的空白特殊符號   (Non-Blank SPace)，同於資料內有 “” (大於符號)時，需使用>(greater) 一樣。表格背景顏色bgcolor屬性說明格式： bgcolor= “顏色名” | ”#rrggbb 例如： bgcolor = silver bgcolor = #ff0000 代表純紅因紅色全用，綠色和藍色無背景顏色屬性可以放在 標籤內 例如： 整個表格的背景顏色為銀色，除非 有另外指定。 本例的背景顏色為正紅色，除非有另外指定。 本例的背景顏色為藍色，可變更 的指定。 表格的框線由的 bgcolor 所決定，無法由、變更，若要變更可使用DHTML。bgcolor屬性的應用實例 表格背景顏色練習一 甲 乙 1 2 3 4 表格製作背景顏色說明.htm表格欄位的長寬border屬性width和height屬性說明格式： width=整數 | 整數% 整數 ：表示寬度為整數個像素(pixel)點。 整數%：表示寬度的佔可分配的整數比率。以該視窗或框頁所分配到螢幕的大小為100%。 height=整數 整數 ：表示高度為整數個像素(pixel)點。 整數%：表示高度的佔可分配的整數比率。 例如： width = 100 width = 10% height = 20 height = 20% 以該視窗或框頁所分配到螢幕的大小（寬、高）為100%。若指明200%，則大小為分配到螢幕大小的2倍。長寬屬性可以放在 標籤內但同一個行（COLumn）的寬度是相同的， 同一個列（ROW）的高度是相同的。 例如： 整個表格的寬度為100個像素(pixel)點。 整個表格的寬度為可分配的全部。續上例width和height屬性的應用實例下例為一個全畫面的表格（可以隨視窗大小而調變）。其欄位比率分別為20%30%20%50%50% 表格的寬和高 甲   乙 1 x 2 3   4 表格製作w-and-h說明.htm表格跨欄colspan和rowspan屬性說明格式： colspan = “整數” 跨行合併：該欄位合併後繼“整數”欄位（同列）。 rowspan = = “整數” 跨列合併：該欄位合併在其下方後繼“整數”欄位（同行）。 例如： 和同列後繼欄位合併成一欄（共2格）。 和同行後繼二個欄位合併成一欄（共3格）。 和同列後繼欄位及和同行後繼二個欄位合併成一欄（共6格）。 屬性的應用實例下列表格 姓名性別e-mail住址 參考表格的編碼步驟 編碼的次序由左至右，被合併的欄位不需有任何的標籤。 表格的跨欄製作說明 姓名   性別   e-mail     住址   表格的跨欄製作說明.htm表格欄位內容排列valign和align屬性說明格式：valign= “top” | middle | “bottom” 垂直方向，三個選項 上、中、下align= “left” | cent