表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
格製作說明一般規定：表格需以定義於<table>….</table>間表格內容以『列(row)先行(column)後』的方式依序編寫。表格中的一列需以定義於<tr>….</tr>間，tr為tablerow的縮寫。資料項目需以定義於<td>….</td>間，td為tabledata的縮寫，唯</td>可省略。表格的編碼步驟1、先繪一表格草圖如： 甲 乙 1 2 3 42.於表格前後，先加上<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> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr></table>5.將框線去除即得<table><tr><td>甲</td><td>乙</td></tr><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>6.上述之實例表格的實例表格製作說明一.htm表格框線上例中所顯示的表格無框線，可於<table>內加入border屬性border屬性說明格式：border=數字數字愈大框線愈粗，該選項不寫或數值為0時，表無框線。依瀏覽器的功能可能會有所不同：若【border=數字】不寫，在有底色時，顏色區塊是連續的。若【border=0】，在有底色時，欄位顏色區塊是不連續的(有欄位的格線)。<BODY><tableborder=1><tr><td>甲</td><td>乙</td></tr>..</table></BODY></HTML>border屬性的應用實例表格製作說明2-1.htmborder=1表格製作說明2-2.htmborder=3表格空白欄之處理因HTML對白空白(whiteblank)的處理方式可以中文之「全型空白」用其提供的空白特殊符號「 」(Non-BlankSPace)，同於資料內有“>”(大於符號)時，需使用「>」(greater)一樣。表格背景顏色bgcolor屬性說明格式：bgcolor=“顏色名”|”#rrggbb"例如：bgcolor="silver"bgcolor="#ff0000"代表純紅因紅色全用，綠色和藍色無背景顏色屬性可以放在<table><tr><td>標籤內例如：<tablebgcolor="silver">整個表格的背景顏色為銀色，除非<tr><td>有另外指定。<trbgcolor="#ff0000">本例的背景顏色為正紅色，除非<td>有另外指定。<tdbgcolor="blue">本例的背景顏色為藍色，可變更<tr><td>的指定。表格的框線由<table>的bgcolor所決定，無法由<tr>、<td>變更，若要變更可使用DHTML。bgcolor屬性的應用實例<HTML><HEAD><TITLE>表格背景顏色練習一</TITLE></HEAD><BODY><tablebgcolor="silver"border=1><tr><td>甲</td><td>乙</td></tr><trbgcolor="ff0000"><tdbgcolor="blue">1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table><br></BODY></HTML>表格製作背景顏色說明.htm表格欄位的長寬border屬性width和height屬性說明格式：width="整數"|"整數%""整數"：表示寬度為"整數"個像素(pixel)點。"整數%"：表示寬度的佔可分配的"整數比率"。以該視窗或框頁所分配到螢幕的大小為100%。height="整數""整數"：表示高度為"整數"個像素(pixel)點。"整數%"：表示高度的佔可分配的"整數比率"。例如：width="100"width="10%"height="20"height="20%"以該視窗或框頁所分配到螢幕的大小（寬、高）為100%。若指明200%，則大小為分配到螢幕大小的2倍。長寬屬性可以放在<table><tr><td>標籤內但同一個行（COLumn）的寬度是相同的，同一個列（ROW）的高度是相同的。例如：<tablewidth="100">整個表格的寬度為100個像素(pixel)點。<tablewidth="100%">整個表格的寬度為可分配的全部。續上例width和height屬性的應用實例下例為一個全畫面的表格（可以隨視窗大小而調變）。其欄位比率分別為 20% 30% 20% 50% 50% <HTML><HEAD><TITLE>表格的寬和高</TITLE></HEAD><BODY><tablebgcolor="silver"border=1width="100%"height=”100%”><trheight=”20%”><td>甲</td><td> </td><td>乙</td></tr><trheight=”30%”><tdwidth="30%">1</td><tdwidth="20%">x</td><tdwidth="50%">2</td></tr><trheight=”50%”><td>3</td><td> </td><td>4</td></tr></table><br></BODY></HTML>表格製作w-and-h說明.htm表格跨欄colspan和rowspan屬性說明格式：colspan=“整數”跨行合併：該欄位合併後繼“整數”欄位（同列）。rowspan==“整數”跨列合併：該欄位合併在其下方後繼“整數”欄位（同行）。例如：<tdcolspan=2>和同列後繼欄位合併成一欄（共2格）。<tdrowspan=3>和同行後繼二個欄位合併成一欄（共3格）。<tdrowspan=3colspan=2>和同列後繼欄位及和同行後繼二個欄位合併成一欄（共6格）。屬性的應用實例下列表格 姓名 性別 e-mail <tdcolspan=2> <tdrowspan=2> 住址 <tdcolspan=2> 參考表格的編碼步驟編碼的次序由左至右，被合併的欄位不需有任何的標籤。<HTML><HEAD><metahttp-equiv="content-type"content="text/html;charset=big5"><TITLE>表格的跨欄製作說明</TITLE></HEAD><BODY><tableborder=1><tr><td>姓名</td><tdwidth="60"> </td><td>性別</td><tdwidth="60"> </td></tr><tr><td>e-mail</td><tdcolspan="2"> </td><tdrowspan="2"> </td></tr><tr><td>住址</td><tdcolspan="2"> </td></tr></table></BODY></HTML>表格的跨欄製作說明.htm表格欄位內容排列valign和align屬性說明格式：valign=“top”|"middle"|“bottom”垂直方向，三個選項上、中、下align=“left”|"center"|“right”水平方向，三個選項左、中、右屬性的應用實例九種組合的情況顯示<HTML><HEAD><metahttp-equiv="content-type"content="text/html;charset=big5"><TITLE>表格的內容排列說明</TITLE></HEAD><BODY><tableborder=1width=300><trheight=100><tdvalign="top"align="left">左上</td><tdvalign="top"align="center">中上</td><tdvalign="top"align="right">右上</td></tr><trheight=100><tdvalign="middle"align="left">左中</td><tdvalign="middle"align="center">中中</td><tdvalign="middle"align="right">右中</td></tr><trheight=100><tdvalign="bottom"align="left">左下</td><tdvalign="bottom"align="center">中下</td><tdvalign="bottom"align="right">右下</td></tr></table></BODY></HTML>表格的內容排列說明.htm
浙公网安备 33021202002483