首頁 >web前端 >html教學 >如何在HTML中顯示表格主體

如何在HTML中顯示表格主體

WBOY轉載: 2023-08-30 19:29:021100瀏覽

如何在HTML中顯示表格主體

在HTML中使用

標籤顯示表格主體。 HTML的標籤用於新增主體到表格。 tbody標籤與thead標籤和tfoot標籤一起使用，確定表格的每個部分（標題、頁腳、主體）。

以下是

標籤的屬性：##值#描述align#已棄用char已棄用charoffvalign#top

屬性
##right	#left center justify char	- 視覺對齊。
#字元		- 指定要對齊文字的字元。當align = "char"時使用。
		#已棄用 - 指定與第一個字元對齊的對齊偏移量（以像素或百分比值表示）。當align = "char"時使用。
	middle bottom baseline	已棄用 - 垂直對齊。

範例

您可以嘗試執行以下程式碼以在HTML中顯示表格主體：

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tbody Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>

以上是如何在HTML中顯示表格主體的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：在JavaScript中，忽略大小寫的正規表示式屬性的作用是什麼？下一篇：在JavaScript中，忽略大小寫的正規表示式屬性的作用是什麼？

看更多