Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

rowspan ของตารางและ colspan ใน HTML คืออะไร


แถวและ colspan เป็นแอตทริบิวต์แท็ก ใช้เพื่อระบุจำนวนแถวหรือคอลัมน์ที่เซลล์ควรขยาย แอตทริบิวต์ rowspan ใช้สำหรับแถวและแอตทริบิวต์ colspan สำหรับคอลัมน์

rowspan ของตารางและ colspan ใน HTML คืออะไร

แอตทริบิวต์เหล่านี้มีค่าตัวเลข เช่น colspan=3 จะครอบคลุมสามคอลัมน์
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อทำงานกับแอตทริบิวต์ rowspan และ colspan ใน HTML

ตัวอย่าง

<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
            width: 100px;
            height: 50px;
         }
      </style>
   </head>

   <body>
      <h1>Heading</h1>
      <table>
         <tr>
            <th colspan="2"></th>
            <th></th>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td rowspan="3"></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

ผลลัพธ์

rowspan ของตารางและ colspan ใน HTML คืออะไร