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 colspan
atribut:
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 colspan
atribut mewakili jumlah kolom yang akan direntang.
Tabel HTML - Rentang Baris
Untuk membuat rentang sel pada beberapa baris, gunakan rowspan
atribut:
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 rowspan
atribut mewakili jumlah baris yang akan direntang.