明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

淺析HTML Table表格的使用方法

[摘要]這篇文章給大家介紹的文章內容是關于淺析HTML Table表格的使用方法,有很好的參考價值,希望可以幫助到有需要的朋友。定義和用法table標簽定義 HTML 表格。創(chuàng)建表格的四要素:table、tr、th、td<table>整個表格以<table>標記開始、</ta...
這篇文章給大家介紹的文章內容是關于淺析HTML Table表格的使用方法,有很好的參考價值,希望可以幫助到有需要的朋友。

定義和用法

table標簽定義 HTML 表格。

創(chuàng)建表格的四要素:table、tr、th、td

<table>

整個表格以<table>標記開始、</table>標記結束。

<tr>

Table row。表格的一行,有幾對 tr 表格就有幾行。

<td>

Table data。表格的一個單元格,一行中包含幾對 td ,一行中就有幾列。

<th>

Table head。表格的頭部的一個單元格,表格表頭。

額外元素

<tbody>、<thead><tfoot>

表格結構,如果不加<thead> <tbody> <tfooter> , 表格將在加載完后才顯示。加上這些, tbody包含行的內容優(yōu)先顯示,不必等待表格結束后再顯示。
同時,如果表格很長,用tbody分段,可以一部分一部分地顯示。
(通俗理解 table 可以按結構一塊塊的顯示,不用等整個表格加載完后顯示。)

<caption>

表格標題

屬性

border

表格邊框的寬度。
建議設置為 0 后自行 CSS 添加邊框樣式。

cellpadding

表格單元邊界與單元內容之間的間距(內邊距)。
建議設置為 0 后自行 CSS 添加內邊距樣式。

cellspacing

單元格之間的間距。

實例

使用CSS3實現(xiàn)表格隔行變色

927192854-5b5813c92cd0d_articlex.png
使用 CSS3的 :nth-child(n) 偽類選擇器可以實現(xiàn)表格隔行變色的效果。
n 可填寫 odd、even或任意數(shù)字,分別代表奇數(shù)行/列、偶數(shù)行/列或指定行/列

相關推薦:

HTML的格式及標簽介紹

如何來簡述html的基本結構(附代碼)

以上就是淺析HTML Table表格的使用方法的詳細內容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。