您好,登錄后才能下訂單哦!
小編給大家分享一下HTML中Table表格怎么用,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
table
標簽定義 HTML 表格。
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
包含行的內容優先顯示,不必等待表格結束后再顯示。
同時,如果表格很長,用tbody
分段,可以一部分一部分地顯示。
(通俗理解 table 可以按結構一塊塊的顯示,不用等整個表格加載完后顯示。)
<caption>
表格標題
border
表格邊框的寬度。
建議設置為 0 后自行 CSS 添加邊框樣式。
cellpadding
表格單元邊界與單元內容之間的間距(內邊距)。
建議設置為 0 后自行 CSS 添加內邊距樣式。
cellspacing
單元格之間的間距。
使用 CSS3的 :nth-child(n)
偽類選擇器可以實現表格隔行變色的效果。
n 可填寫 odd、even或任意數字,分別代表奇數行/列、偶數行/列或指定行/列
看完了這篇文章,相信你對“HTML中Table表格怎么用”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。