border,width,height,align,cellapcing,cellpasdding.它們都是可選地.
1，border屬性地參數(shù)值是數(shù)字，表示表格邊框?qū)挾人嫉叵袼攸c(diǎn)數(shù).它也可以不帶有參數(shù)值使用，僅表示該表格是有邊框地.例如，<table border=10>表示該表格地邊框?qū)挾葹?0 個(gè)像素點(diǎn).
2，width和height屬性地作用是指定表格地大小.其中width屬性用來規(guī)定表格地寬度，height屬性用以指定表格地高度.這兩個(gè)屬性地參數(shù)值可以是數(shù)字或者百分?jǐn)?shù)，其中數(shù)字表示表格地寬(高）所占地像素點(diǎn)，百分?jǐn)?shù)表示表格地寬(高）占據(jù)瀏覽器窗口地寬（高）度地百分比.例如：<table width=200 height=50%>表示表格地寬度為200個(gè)像素點(diǎn)，高度為瀏覽器窗口高度地50%.
3，align屬性地參數(shù)值為left,center和right之一，分別表示表格位于其相鄰文字地左側(cè)、表格水平居中和表格位于相鄰文字地右側(cè).例如：
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<table border=3 width=60% align=left>
<tr>
<th>單元格</th><th>單元格</th>
<th>單元格</th><th>單元格</th><th>單元格</th>
</tr>
<tr>
<td>1</td><td>解釋項(xiàng)</td>
<td>解釋項(xiàng)</td><td>同上</td><td>同上</td>
</tr>
<tr>
<td>2</td><td>解釋項(xiàng)</td><td>同上</td>
<td>又一單元</td><td>接著來</td>
</tr>
</table>
文字說明，這個(gè)就是表格居于相鄰文字左側(cè)地范例，只要改變一下align地屬性參數(shù)就可以改變表格地位置了.
<hr>
4,cellspacing屬性.cellspacing屬性用來指定表格各單元格之間地空隙.此屬性地參數(shù)值是數(shù)字，表示單元格間隙所占地像素點(diǎn)數(shù).
5,cellpadding屬性.用來指定單元格內(nèi)容與單元格邊界之間地空白距離地大小.此屬性地參數(shù)值也是數(shù)字，表示單元格內(nèi)容與上下邊界之間空白距離地高度所占像素點(diǎn)數(shù)以及單元格內(nèi)容與左右邊界之間空白距離地寬度所占地像素點(diǎn)數(shù).例如：
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<hr>
沒加如單元格屬性地規(guī)定之前地樣子：<br>
<table border=3>
<tr>
<th>單元格</th><th>單元格</th>
<th>單元格</th><th>單元格</th><th>單元格</th>
</tr>
<tr>
<td>1</td><td>單元格</td>
<td>單元格</td><td>單元格</td><td>單元格</td></th>
<tr>
<td>2</td><td>單元格</td>
<td>單元格</td><td>單元格</td><td>單元格</td></tr>
</table>
<hr>
加入單元格屬性規(guī)定之后地情形：<br>
<table border=3 cellspacing=10 cellpadding=10>
<tr>
<th>單元格</th><th>單元格</th>
<th>單元格</th><th>單元格</th><th>單元格</th>
</tr>
<tr>
<td>1</td><td>單元格</td>
<td>單元格</td><td>單元格</td><td>單元格</td></th>
<tr>
<td>2</td><td>單元格</td>
<td>單元格</td><td>單元格</td><td>單元格</td></tr>
</table>
</body>
</html>
接著我們來看看剛剛看到地幾個(gè)不熟悉地標(biāo)簽是怎么個(gè)意思.
一，<caption>標(biāo)簽.是表格地標(biāo)題地標(biāo)簽.它是成對使用地標(biāo)簽.在首標(biāo)簽和尾標(biāo)簽之間地內(nèi)容就是表個(gè)地標(biāo)題.<caption>有兩個(gè)屬性：align和valign它們都是可選地.
其中，align屬性地參數(shù)值為left,center,right之一，分別表示表格標(biāo)題與表格地左邊沿兒對齊，位于表格中間和表格地右邊沿兒對齊.缺省時(shí)，表格標(biāo)題位于表格地中間；valign屬性地參數(shù)值是top和bottom之一，分別表示表格標(biāo)題位于表格地上方和下方，缺省時(shí)，表格地標(biāo)題位于表格地上方.例如：
<html>
<head>
<title>測試頁面</title>
<body>
<hr>
<table border=3>
<caption align=right><b>這就是該表格地標(biāo)題</b></caption><br>
<tr>
<th>單元格</th><th>單元格</th>
<th>單元格</th><th>單元格</th><th>單元格</th>
</tr>
<tr>
<td>1</td><td>單元格</td>
<td>單元格</td><td>單元格</td><td>單元格</td></th>
<tr>
<td>2</td><td>單元格</td>
<td>單元格</td><td>單元格</td><td>單元格</td></tr>
</table>
<hr>
</body>
</html>
這個(gè)例子中地表格標(biāo)題是與表格地右邊沿兒對齊地.
二，<tr>標(biāo)簽.是行標(biāo)簽.html地表格是按行組織地.一個(gè)表格由幾行組成，就要有幾個(gè)標(biāo)簽與之對應(yīng).行標(biāo)簽<tr>是成對使用地標(biāo)簽.它必須和<th><td>標(biāo)簽配合使用，后者在使用時(shí)嵌套在<tr>和</tr>之間，用來規(guī)定該行中各單元格地內(nèi)容.<tr>標(biāo)簽有兩個(gè)屬性.即align和valign屬性，他們都是可選地.
其中align屬性地參數(shù)值為left,center和right之一（以后如我特別說明，該屬性地參數(shù)都是這三個(gè)）分別表示個(gè)行中各單元格內(nèi)容是左對齊、水平居中和右對齊地.缺省時(shí)為left（居左）；valign屬性地參數(shù)值是top,middle和bottom之一，分別表示該行中各單元格內(nèi)容是緊靠上沿兒，垂直居中和緊靠下沿兒地.缺省時(shí)為middle（居中）.
三，<th>和<td>標(biāo)簽
<th>和<td>標(biāo)簽都是用來規(guī)定單元格內(nèi)容地，表頭標(biāo)簽<th>用來規(guī)定表頭元素地內(nèi)容，表頭元素一般位于每列地首行，用來說明該列地具體數(shù)據(jù)是關(guān)于哪個(gè)對象地.<th>標(biāo)簽是成對地.數(shù)據(jù)標(biāo)簽<td>也是成對使用地，首標(biāo)簽和尾標(biāo)簽之間地內(nèi)容就是該單元格地具體數(shù)據(jù)（也就是對表頭地解釋內(nèi)容）由于兩者都是用于規(guī)定單元內(nèi)容地，<th>和<td>標(biāo)簽地所有屬性及相應(yīng)地屬性功能是完全一樣地.<th><td>標(biāo)簽地屬性有rowspancolspanalignvalign.
（1）rowspan屬性地參數(shù)值是數(shù)字，表示該單元格所跨地行數(shù).缺省值為1.
（2）colspan屬性地參數(shù)值也是數(shù)字，表示該單元格所跨地列數(shù).缺省值為1.
（3）align屬性用于規(guī)定單元格內(nèi)容在水平方向上地位置.三個(gè)參數(shù)值分別表示該單元格是左對齊，居中還是右對齊.缺省時(shí)為left（左對齊）
（4）valign屬性用于規(guī)定單元格內(nèi)容在垂直方向上地位置.屬性地參數(shù)值為top,,middle和bottom之一，分別表示該單元格內(nèi)容是緊靠上沿兒，垂直居中還是緊靠下沿兒.缺省時(shí)為middle（垂直居中）.
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試