如何在 HTML 中新增表格行?


使用 <tr> 標籤新增表格行。在表中指定表格行時使用 HTML <tr> 標籤

此 HTML <tr> 標籤還支援以下附加屬性 −

屬性

說明
對齊


居中
兩端對齊
字元
不推薦 − 視覺對齊方式。
背景顏色
rgb(x,x,x)
#十六進位制程式碼
顏色名稱
不推薦 − 指定表單元格的背景顏色。
字元
字元
不推薦 − 指定在何處對齊文字。在對齊 = "字元" 時使用。
字元偏移量
畫素或 %
不推薦 − 指定對齊偏移量(以畫素或百分比值表示),與 char 屬性指定的第一字元相對應。在對齊 = "字元" 時使用。
垂直對齊
頂部
中間
底部
基線
不推薦 − 垂直對齊

示例

以下程式碼演示如何在一個 HTML 表中新增行 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tr Tag</title>
   </head>
   <body>
      <table border = "1">
         <tr>
            <th>Cricketers</th>
            <th>Ranking</th>
         </tr>
         <tr>
            <td>Virat Kohli</td>
            <td>1</td>
         </tr>
         <tr>
            <td>AB de Villiers</td>
            <td>2</td>
         </tr>
      </table>
   </body>
</html>

更新時間: 09-Nov-2023

720 瀏覽量

開啟你的 事業

透過完成本課程獲得認證

開始
廣告
© . All rights reserved.