網(wǎng)頁設(shè)計(jì)之表格

表格

【表格的概念】

什么是表格

表格將文本與圖片按行、列來排列，使得頁面更規(guī)則、更整齊，并使條目更清晰。表格1超鏈接圖像表單其他HTML標(biāo)記網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第1頁。表格

【表格的結(jié)構(gòu)】

表格1超鏈接圖像表單其他HTML標(biāo)記<table><tr><td>第一行第一單元格</td><td>第一行第二單元格</td><td>第一行第三單元格</td></tr><tr><td>第二行第一單元格</td><td>第二行第二單元格</td><td>第二行第三單元格</td></tr></table>表格標(biāo)記<table>…</table>的格式如下：例子網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第2頁。表格

【表格的結(jié)構(gòu)】

利用<TABLE>這個(gè)標(biāo)簽來告訴電腦，這是一個(gè)表格；一組<TR></TR>是設(shè)定一橫列的開始；一組<TD></TD>則是設(shè)定一個(gè)欄位；文字就是要擺在<TD></TD>這里面。網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第3頁。表格

【表格或單元格的大小】格式如下：size：可用像素或用占瀏覽器顯示區(qū)域的百分比值。<tablewidth="size"height="size"><tdwidth="size"height="size">

為單元格指定的尺寸有時(shí)與瀏覽器中顯示的不符，因?yàn)闀?huì)受到整表大小和其他單元格大小的影響。網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第4頁。表格

【標(biāo)題單元格】

如果單元格是標(biāo)題單元格，可以用<th>標(biāo)記取代<td>標(biāo)記，<th>單元格中的內(nèi)容會(huì)以粗體居中的格式顯示。如下行所示：<th>tableheaderappearboldandcentered</th>

也可以在<table>和</table>標(biāo)記之間添加<caption>標(biāo)記定義表格的標(biāo)題，其格式如下：<captionalign="top">標(biāo)題文字</caption>align：“top”或“bottom”，“top”指定標(biāo)題在表格正上方并居中顯示，“bottom”指定標(biāo)題顯示在表格的正下方。網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第5頁。表格

【單元格中內(nèi)容的對齊方式】格式如下：align：水平對齊方式，其值可以為：left、center和right。valign：垂直對齊方式，其值可以為：top、middle和 bottom。<tdalign="alignment"valign="alignment">網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第6頁。表格

【表格邊框的屬性】

cellspacing：設(shè)置單元格間距，即單元格邊框線之間的距離。border：設(shè)置表格的邊框粗細(xì)，如果值為0（默認(rèn)值），則不顯示表格邊框。網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第7頁。表格

【表格邊框的屬性】

Cellpadding：設(shè)置單元格邊距，即單元格中的文本離單元格邊框的距離。align：整個(gè)表格的對齊方式，其值可為left、right和center<tableborder="0"cellspace="10"cellpadding="5"align="center">網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第8頁。表格

【表格行、列或單元格的填充色】格式如下：<tablebgcolor="blue"><trbgcolor="#0000ff"><tdbgcolor="rgb(0,0,255)"><thbgcolor="rgb(0%,0%,100%)">網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第9頁。表格

【表格邊框的顏色】

有三個(gè)屬性描述表格邊框線的顏色: bordercolor：邊框顏色

bordercolordark：暗邊框

bordercolorlight：亮邊框Bordercolor=“blue”Bordercolorlight=“red”Bordercolordark=“black”網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第10頁。表格

【表格外框?qū)傩詅rame】

value值可以為：box、above、below、hsides、vsides、

lhs、rhs和void。<tableframe="value">abovebelowhsidesvsideslhsrhsvoid例子網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第11頁。表格

【表格內(nèi)框?qū)傩詒ules】

value值可以為：all、rows、cols、none

<tablerules="value">rowscolsnone背景表格例子網(wǎng)頁設(shè)計(jì)之表格全文共14頁，當(dāng)前為第12頁。表格

【表格中單元格的合并】格式如下：表格1超鏈接圖像表單其他HTML標(biāo)記<tdcolspan="value"><tdrowspan="value">跨列合并：valu