分享
 
 
 

網頁制作:深入Table世界

王朝html/css/js·作者佚名  2008-08-15
窄屏简体版  字體: |||超大  

表格(table)是一直以來長期被大家使用的標簽,直到現在還是在用,不過呢因為現在的網站重構,建議大家不要表格(table)來布局而很多朋友誤以為用表格(table)就是所謂的不標準了,其實不然,表格(table)是一個重要元素。

表格標簽主要包含的標簽有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,針對每個的介紹如下:

<table>

table標簽可定義表格。在 <table> 標簽內部,你可以放置表格的標題、表格行、表格列、表格單元以及其他的表格。

<caption>

caption 元素可定義一個表格標題。caption 標簽必須緊隨 table 標簽之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。

<th>

定義表格內的表頭單元格。此 th 元素內部的文本通常會呈現為粗體。

<tr>

在表格中定義一行。

<td>

定義表格中的一個單元格。

<thead>

定義表格的表頭。

thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時,您也許希望擁有一個標題行,一些帶有數據的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支持獨立於表格標題和頁腳的表格正文滾動。當長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。

<tbody>

定義一段表格主體(正文)。

使用 <tbody> 標簽,可以將表格分為一個單獨的部分。<tbody> 標簽可將表格中的一行或幾行合成一組。

雖然您可能想包括一個,甚至會在表格中包括兩個或更多個 <tbody> 標簽,但是我們建議最好在表格中沒有 <tbody> 標簽。

在 <tbody> 標簽中,只有 <tr> 標簽可以定義表格行。並且一旦定義,一個 <tbody> 標簽就是表格中的一個獨立的部分。例如不能從一個 <tbody> 跨越到另一個 <tbody> 中。

thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時,您也許希望擁有一個標題行,一些帶有數據的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支持獨立於表格標題和頁腳的表格正文滾動。當長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。

<tfoot>

定義表格的頁腳(腳註)。

thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時,您也許希望擁有一個標題行,一些帶有數據的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支持獨立於表格標題和頁腳的表格正文滾動。當長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。

<col>

定義某個表格中針對一個或多個列的屬性值。您只能在表格或 colgroup 中使用此屬性。

<colgroup>

定義表格列的分組。通過此元素,您可以對列進行組合以便進行格式化。此元素只有在 <table> 標簽內部才是合法的。

有兩種方式來使用 <colgroup> 標簽:一種是對幾個同樣的列進行簡單的定義,另一種是將幾個不同的列組合起來。

 
 
 
免責聲明:本文為網絡用戶發布,其觀點僅代表作者個人觀點,與本站無關,本站僅提供信息存儲服務。文中陳述內容未經本站證實,其真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
2023年上半年GDP全球前十五強
 百态   2023-10-24
美眾議院議長啟動對拜登的彈劾調查
 百态   2023-09-13
上海、濟南、武漢等多地出現不明墜落物
 探索   2023-09-06
印度或要將國名改為「巴拉特」
 百态   2023-09-06
男子為女友送行,買票不登機被捕
 百态   2023-08-20
手機地震預警功能怎麽開?
 干货   2023-08-06
女子4年賣2套房花700多萬做美容:不但沒變美臉,面部還出現變形
 百态   2023-08-04
住戶一樓被水淹 還衝來8頭豬
 百态   2023-07-31
女子體內爬出大量瓜子狀活蟲
 百态   2023-07-25
地球連續35年收到神秘規律性信號,網友:不要回答!
 探索   2023-07-21
全球鎵價格本周大漲27%
 探索   2023-07-09
錢都流向了那些不缺錢的人,苦都留給了能吃苦的人
 探索   2023-07-02
倩女手遊刀客魅者強控制(強混亂強眩暈強睡眠)和對應控制抗性的關系
 百态   2020-08-20
美國5月9日最新疫情:美國確診人數突破131萬
 百态   2020-05-09
荷蘭政府宣布將集體辭職
 干货   2020-04-30
倩女幽魂手遊師徒任務情義春秋猜成語答案逍遙觀:鵬程萬裏
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案神機營:射石飲羽
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案昆侖山:拔刀相助
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案天工閣:鬼斧神工
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案絲路古道:單槍匹馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:與虎謀皮
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:指鹿為馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:小鳥依人
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:千金買鄰
 干货   2019-11-12
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有