淺析HTML Table表格的使用方法
發(fā)表時間:2023-09-07 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這篇文章給大家介紹的文章內容是關于淺析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)表格隔行變色
使用 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)站。