国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

HTML中的表格元素

2024-04-27 13:54:54
字體:
來源:轉載
供稿:網友
--  HTML中的表格元素[轉帖]
一,<table>標簽。<table>標簽是表格的標識符,用來界定表格的范圍。<table>標簽是成對使用的標簽,手標簽和和尾標簽之間的內容就是表格的內容。<table>標簽的屬性主要有border,width,height,align,cellapcing,cellpasdding.它們都是可選的。 

 

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

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

3,align屬性的參數值為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的屬性參數就可以改變表格的位置了。 

<HR> 

4,cellspacing屬性。cellspacing屬性用來指定表格各單元格之間的空隙。此屬性的參數值是數字,表示單元格間隙所占的像素點數。 

5,cellpadding屬性。用來指定單元格內容與單元格邊界之間的空白距離的大小。此屬性的參數值也是數字,表示單元格內容與上下邊界之間空白距離的高度所占像素點數以及單元格內容與左右邊界之間空白距離的寬度所占的像素點數。例如: 

<html> 
<head> 
<title>測試頁面</title> 
</head> 
<body> 
<HR> 
沒加如單元格屬性的規定之前的樣子:<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> 
加入單元格屬性規定之后的情形:<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屬性的參數值為left,center,right之一,分別表示表格標題與表格的左邊沿兒對齊,位于表格中間和表格的右邊沿兒對齊。缺省時,表格標題位于表格的中間;valign屬性的參數值是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>之間,用來規定該行中各單元格的內容。<TR>標簽有兩個屬性。即align和valign屬性,他們都是可選的。 

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

三,<TH>和<TD>標簽 

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

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

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

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

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

好了,今天差不多就到這兒吧!太多了看不過來,不容易記憶。


上一篇:HTML組件(HTML COMPONENTS)之九

下一篇:HTML之字體標記

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
學習交流
熱門圖片

新聞熱點

疑難解答

圖片精選

網友關注

主站蜘蛛池模板: 信丰县| 儋州市| 大安市| 隆林| 本溪市| 彰化市| 阿克苏市| 土默特右旗| 湘西| 漳浦县| 兴业县| 海南省| 黄平县| 宁蒗| 肥东县| 万年县| 成武县| 谷城县| 凤台县| 贺兰县| 塘沽区| 大荔县| 荆州市| 盖州市| 潜山县| 长岛县| 罗定市| 镇雄县| 汉阴县| 阿勒泰市| 紫金县| 临潭县| 察雅县| 龙胜| 嘉黎县| 浦北县| 雷波县| 新乐市| 柘荣县| 柘荣县| 江都市|