日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告：魔扣目錄網為廣大站長提供免費收錄網站服務，提交前請做好本站友鏈：【 網站目錄：http://www.ylptlb.cn 】， 免友鏈快審服務（50元/站），

點擊這里在線咨詢客服
新站提交
  • 網站：51998
  • 待審：31
  • 小程序：12
  • 文章：1030137
  • 會員：747

如何在HTML中創建表格的行和列？

發布時間：2024-03-09 00:18:53 作者：網友整理

HTML表格允許我們在網頁上將數據按行和列進行排列。

我們使用

標簽，在HTML中創建表格。一個表格由行和列組成。可以使用一個或多個

和

標簽定義。對于表行和列，我們分別在

、

元素來設置表頭、行和列以及表格數據。

表格行由

標簽內使用

、

      

      
 標簽。
      

      示例
      

      以下是創建表格行和列的示例程序。
      

      <!DOCTYPE html>
<html>
   <style>
      table {
         border:1px solid black;
         padding: 10px;
      }
      th, td{
         border:1px solid black;
         padding: 20px;
      }
   </style>
<body>
   <h2>Tables in HTML</h2>
   <table style="width: 100%">
      <tr>
         <th></th>
         <th></th>
         <th></th>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </table>
</body>
</html>

      

      登錄后復制
      

      示例
      

      以下是另一個創建表格行和列的示例程序。
      

      <!DOCTYPE html>
<html>
<head>
   <style>
      table, th, td {
         border: 1px solid green;
      }
   </style>
</head>
<body>
   <h2>Adding table rows and colomns in HTML</h2>
   <table>
      <tr>
         <th>S.no</th>
         <th>Name</th>
         <th>Age</th>
         <th>Country</th>
      </tr>
      <tr>
         <td>1</td>
         <td>Kohli</td>
         <td>34</td>
         <td>India</td>
      </tr>
      <tr>
         <td>2</td>
         <td>Rabada</td>
         <td>29</td>
         <td>South Africa</td>
      </tr>
      <tr>
         <td>3</td>
         <td>Starc</td>
         <td>33</td>
         <td>Australia</td>
      </tr>
   </table>
</body>
</html>

      

      登錄后復制
      

      示例
      

      下面是另一個用于創建表行和列的示例程序。
      

      <!DOCTYPE html>
<html>
<head>
   <style>
      table, th, td {
         border: 1px solid green;
      }
   </style>
</head>
<body>
   <h2>Adding table rows and colomns in HTML</h2>
   <table style="width:80%">
      <caption>Cricketers...</caption>
      <tr style="background-color: Mediumseagreen">
         <th>S.no</th>
         <th>Name</th>
         <th>Age</th>
         <th>Country</th>
      </tr>
      <tr>
         <td>1</td>
         <td>Kohli</td>
         <td>34</td>
         <td>India</td>
      </tr>
      <tr>
         <td>2</td>
         <td>Rabada</td>
         <td>29</td>
         <td>South Africa</td>
      </tr>
      <tr style="background-color: Mediumseagreen">
         <td>3</td>
         <td>Starc</td>
         <td>33</td>
         <td>Australia</td>
      </tr>
   </table>
</body>
</html>

      

      登錄后復制
      

      以上就是如何在HTML中創建表格的行和列？的詳細內容，更多請關注www.92cms.cn其它相關文章！
      


      
分享到：

      標簽：html 創建 如何在 表格


      

      

      
       
 用戶無頭像   

      

       網友整理
      
 
      注冊時間： 
      

      網站：5 個  
 
小程序：0 個
 文章：12 篇
      

      

      

      • 
51998
 
        網站
        • 

      • 12

        小程序
        • 
 
      • 
 1030137

        文章
        • 

      • 
747

        會員
      
趕快注冊賬號，推廣您的網站吧！
            
      
        
      
        
      
            


      




      

      最新入駐小程序
      

      
                   

      


      

      數獨大挑戰2018-06-03 
      

      數獨一種數學游戲，玩家需要根據9
      

      
                   

      


      

      答題星2018-06-03 
      

      您可以通過答題星輕松地創建試卷
      

      
                   

      


      

      全階人生考試2018-06-03 
      

      各種考試題，題庫，初中，高中，大學四六
      

      
                   

      


      

      運動步數有氧達人2018-06-03 
      

      記錄運動步數，積累氧氣值。還可偷
      

      
                   

      


      

      每日養生app2018-06-03 
      

      每日養生,天天健康
      

      
                   

      


      

      體育訓練成績評定2018-06-03 
      

      通用課目體育訓練成績評定