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

如何在HTML中顯示表格主體

WBOY
發布: 2023-08-30 19:29:02
轉載
1115 人瀏覽過

如何在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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板