Tabel HTML Colspan & Rowspan


Tabel HTML dapat memiliki sel yang mencakup beberapa baris dan/atau kolom.


NAMA  
     
     
     
     
APRIL    
   
   
     
     
2022
     
PESTA  
 
     

Tabel HTML - Colspan

Untuk membuat rentang sel pada beberapa kolom, gunakan colspanatribut:

Contoh

<table>
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>57</td>
  </tr>
</table>

Catatan: Nilai colspanatribut mewakili jumlah kolom yang akan direntang.


Tabel HTML - Rentang Baris

Untuk membuat rentang sel pada beberapa baris, gunakan rowspanatribut:

Contoh

<table>
  <tr>
    <th>Name</th>
    <td>Jill</td>
  </tr>
  <tr>
    <th rowspan="2">Phone</th>
    <td>555-1234</td>
  </tr>
  <tr>
    <td>555-8745</td>
</tr>
</table>

Catatan: Nilai rowspanatribut mewakili jumlah baris yang akan direntang.


Latihan HTML

Uji Diri Anda Dengan Latihan

Olahraga:

Gunakan atribut HTML yang benar untuk membuat elemen TH pertama menjangkau dua kolom.

<tabel>
  <tr>
    <th>Nama</th>
    <th>Usia</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  < tr>
    <td>Malam</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>