|
表格通用格式： <表格標簽名 屬性名="屬性值"><行標簽 屬性="屬性值"><列標簽 屬性="屬性值">表中元素 表格標簽屬性： align="水平對齊"： center 中 left 左 right 右 valign="垂直對齊"： top 上 middle：中 bottom 下 background="背景圖案"：圖片的地址 bgcolor="背景顏色"：各種顏色代碼 border="邊框?qū)挾?quot;：數(shù)字 bordercolor="邊框顏色"：各種顏色代碼 cellpadding="單元格內(nèi)容與單元格邊框之間的距離"：數(shù)字 cellspacing="單元格之間的距離"： height="表格高度"：絕對值（數(shù)字）相對值（%） width="表格寬度"：絕對值（數(shù)字）相對值（%） bordercolorlight="表格邊框向光部分的顏色"：各種顏色代碼 bordercolordark="表格邊框背光部分的顏色"：各種顏色代碼 使用 bordercolorlight 或 bordercolordark 時， bordercolor將會失效,即不能同時使用。 frame="邊框顯示值" 表格外框線的顯示方式 box 顯示整個表格邊框 void 不顯示表格邊框 hsides 只顯示表格的上下邊框 vsides 只顯示表格的左右邊框 alove 只顯示表格的上邊框 below 只顯示表格的下邊框 lhs 只顯示表格的左邊框 rhs 只顯示表格的右邊框 rules="分隔線值" 分隔線的顯示狀態(tài) all 顯示所有分隔線 groups 只顯示組與組的分隔線 rows 只顯示行與行的分隔線 cols 只顯示列與列的分隔線 none 所有分隔線都不顯示 行標簽的屬性： align 行內(nèi)容的水平對齊 valign 行內(nèi)容的垂直對齊 bgcolor 行的背景顏色 bordercolo 行的邊框顏色 bordercolorlight 行的亮邊框顏色 bordercolordark 行的暗邊框顏色 單元格的屬性：即表頭標簽和列標簽的屬性，它們都位于之間。 其格式和屬性是： width/height 單元格的寬和高，接受絕對值（如 80）及相對值（如 80%）。 colspan 單元格向右打通的欄數(shù) rowspan 單元格向下打通的列數(shù) align 單元格內(nèi)字畫等的擺放貼，位置（水平），可選值為： left, center, right。 valign 單元格內(nèi)字畫等的擺放貼 位置（垂直），可選值為： top, middle, bottom。 bgcolor 單元格的底色 bordercolor 單元格邊框顏色 bordercolorlight 單元格邊框向光部分的顏色 bordercolordark 單元格邊框背光部分的顏色 background 單元格 背景圖片 跨多行跨多列： ：數(shù)字 即，跨多行 ：數(shù)字 即，跨多列 表格行列分組： 行分組有：表頭標簽 屬性和標簽一樣。 表格主體標簽 屬性和標簽一樣。 尾注標簽 列分組標簽： span="該組包含的列數(shù)"：數(shù)字 align="對齊"： left 左, center 中, right 右。 行列同時分組（見實例） 表格標題標簽： align="水平對齊"： left 左, center 中, right右 valign="垂直對齊"： top：向上 middle：向中 bottom：向下應(yīng)放在標簽后，在表格行標簽 標簽之前。 標簽后，在表格行標簽 標簽之前。 標簽后，在表格行標簽 標簽之前。標簽后，在表格行標簽 標簽之前。標簽后，在表格行標簽 標簽之前。 位置。 表格嵌套： 在html頁面中，使用表格排版是通過嵌套來完成的。由總表格規(guī)劃整體的結(jié)構(gòu)，由嵌套的表格負責各個子欄目的排版，并插入到表格的相應(yīng)位置，這樣就可以使頁面的各個部分有條不紊，互不沖突，看上去清晰整潔。在實際做網(wǎng)頁時一般不顯示邊框,邊框的顯示可根據(jù)自己的愛好來設(shè)定。在實例中為了讓大家能夠看清楚，都設(shè)置了有邊框。 細線表格： 是指高為一像素一行一列的單元格。 標簽后，在表格行標簽標簽之前。
欄位對齊： 標簽的默認屬性是標題位于表格的上方中間位置。表格嵌套： 在html頁面中，使用表格排版是通過嵌套來完成的。由總表格規(guī)劃整體的結(jié)構(gòu)，由嵌套的表格負責各個子欄目的排版，并插入到表格的相應(yīng)位置，這樣就可以使頁面的各個部分有條不紊，互不沖突，看上去清晰整潔。在實際做網(wǎng)頁時一般不顯示邊框,邊框的顯示可根據(jù)自己的愛好來設(shè)定。在實例中為了讓大家能夠看清楚，都設(shè)置了有邊框。 細線表格： 是指高為一像素一行一列的單元格。 表格代碼編輯 行數(shù)列數(shù)： 一行一列： 一行三列： 合并欄位： 合并一行： |
|
|
| | 4 | 5 | 6 |
|
| 合并一列： ROWSPAN=2>1 | 2 | 3 | | 5 | 6 |
|
| |
|
|
| 表格大?。? WIDTH="100" BORDER="1" HEIGHT="60"> |
|
|
| | 1 |
|
|
| |
|
|
| | 置中或置左置右： ALIGN=CENTER>1 |
|
|
| 靠上方或靠下方： ALIGN=CENTER VALIGN=TOP>1 背景底色:
表格背景顏色：原始碼 | 呈現(xiàn)結(jié)果 | BGCOLOR=#FFCC33>
|
| | 1 | 2 | | 3 | 4 |
一列背景色： 原始碼 | 呈現(xiàn)結(jié)果 | | BGCOLOR=#FFCC33> |
| | 3 | 4 | |
|
一欄背景色：原始碼 | 呈現(xiàn)結(jié)果 | | BGCOLOR=#FFCC33>1 | 2 | | 3 | 4 | |
|
用圖片來作背景，只要將BGCOLOR=#色碼換成BACKGROUND="圖片地址"就行了。 表格框線: 框線粗細:原始碼 | 呈現(xiàn)結(jié)果 | | BORDER=5> |
| | 1</TD |
|
