html中的表格元素
來源:易賢網(wǎng) 閱讀:3126 次 日期:2014-09-12 14:37:15
溫馨提示:易賢網(wǎng)小編為您整理了“html中的表格元素”,方便廣大網(wǎng)友查閱!

border,width,height,align,cellapcing,cellpasdding.它們都是可選地.

1,border屬性地參數(shù)值是數(shù)字,表示表格邊框寬度所占地像素點數(shù).它也可以不帶有參數(shù)值使用,僅表示該表格是有邊框地.例如,<table border=10>表示該表格地邊框寬度為10 個像素點.

2,width和height屬性地作用是指定表格地大小.其中width屬性用來規(guī)定表格地寬度,height屬性用以指定表格地高度.這兩個屬性地參數(shù)值可以是數(shù)字或者百分數(shù),其中數(shù)字表示表格地寬(高)所占地像素點,百分數(shù)表示表格地寬(高)占據(jù)瀏覽器窗口地寬(高)度地百分比.例如:<table width=200 height=50%>表示表格地寬度為200個像素點,高度為瀏覽器窗口高度地50%.

3,align屬性地參數(shù)值為left,center和right之一,分別表示表格位于其相鄰文字地左側、表格水平居中和表格位于相鄰文字地右側.例如:

<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>解釋項</td>

<td>解釋項</td><td>同上</td><td>同上</td>

</tr>

<tr>

<td>2</td><td>解釋項</td><td>同上</td>

<td>又一單元</td><td>接著來</td>

</tr>

</table>

文字說明,這個就是表格居于相鄰文字左側地范例,只要改變一下align地屬性參數(shù)就可以改變表格地位置了.

<hr>

4,cellspacing屬性.cellspacing屬性用來指定表格各單元格之間地空隙.此屬性地參數(shù)值是數(shù)字,表示單元格間隙所占地像素點數(shù).

5,cellpadding屬性.用來指定單元格內容與單元格邊界之間地空白距離地大小.此屬性地參數(shù)值也是數(shù)字,表示單元格內容與上下邊界之間空白距離地高度所占像素點數(shù)以及單元格內容與左右邊界之間空白距離地寬度所占地像素點數(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>

接著我們來看看剛剛看到地幾個不熟悉地標簽是怎么個意思.

一,<caption>標簽.是表格地標題地標簽.它是成對使用地標簽.在首標簽和尾標簽之間地內容就是表個地標題.<caption>有兩個屬性:align和valign它們都是可選地.

其中,align屬性地參數(shù)值為left,center,right之一,分別表示表格標題與表格地左邊沿兒對齊,位于表格中間和表格地右邊沿兒對齊.缺省時,表格標題位于表格地中間;valign屬性地參數(shù)值是top和bottom之一,分別表示表格標題位于表格地上方和下方,缺省時,表格地標題位于表格地上方.例如:

<html>

<head>

<title>測試頁面</title>

<body>

<hr>

<table border=3>

<caption align=right><b>這就是該表格地標題</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>

這個例子中地表格標題是與表格地右邊沿兒對齊地.

二,<tr>標簽.是行標簽.html地表格是按行組織地.一個表格由幾行組成,就要有幾個標簽與之對應.行標簽<tr>是成對使用地標簽.它必須和<th><td>標簽配合使用,后者在使用時嵌套在<tr>和</tr>之間,用來規(guī)定該行中各單元格地內容.<tr>標簽有兩個屬性.即align和valign屬性,他們都是可選地.

其中align屬性地參數(shù)值為left,center和right之一(以后如我特別說明,該屬性地參數(shù)都是這三個)分別表示個行中各單元格內容是左對齊、水平居中和右對齊地.缺省時為left(居左);valign屬性地參數(shù)值是top,middle和bottom之一,分別表示該行中各單元格內容是緊靠上沿兒,垂直居中和緊靠下沿兒地.缺省時為middle(居中).

三,<th>和<td>標簽

<th>和<td>標簽都是用來規(guī)定單元格內容地,表頭標簽<th>用來規(guī)定表頭元素地內容,表頭元素一般位于每列地首行,用來說明該列地具體數(shù)據(jù)是關于哪個對象地.<th>標簽是成對地.數(shù)據(jù)標簽<td>也是成對使用地,首標簽和尾標簽之間地內容就是該單元格地具體數(shù)據(jù)(也就是對表頭地解釋內容)由于兩者都是用于規(guī)定單元內容地,<th>和<td>標簽地所有屬性及相應地屬性功能是完全一樣地.<th><td>標簽地屬性有rowspancolspanalignvalign.

(1)rowspan屬性地參數(shù)值是數(shù)字,表示該單元格所跨地行數(shù).缺省值為1.

(2)colspan屬性地參數(shù)值也是數(shù)字,表示該單元格所跨地列數(shù).缺省值為1.

(3)align屬性用于規(guī)定單元格內容在水平方向上地位置.三個參數(shù)值分別表示該單元格是左對齊,居中還是右對齊.缺省時為left(左對齊)

(4)valign屬性用于規(guī)定單元格內容在垂直方向上地位置.屬性地參數(shù)值為top,,middle和bottom之一,分別表示該單元格內容是緊靠上沿兒,垂直居中還是緊靠下沿兒.缺省時為middle(垂直居中).

更多信息請查看IT技術專欄

更多信息請查看網(wǎng)頁制作
下一篇:css顏色漸變
易賢網(wǎng)手機網(wǎng)站地址:html中的表格元素
由于各方面情況的不斷調整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)