2 Contoh Program Penggunaan Atribut Colspan pada HTML
Kegunaan: atribut colspan dapat digunakan dengan elemen <td> dan <th> pada saat membuat tabel html.
- <td>: atribut colspan ketika digunakan dengan tag <td> akan menentukan angka dari cell standar yang akan digabung pada tabel.
- <th>: tribut colspan yang digunakan dengan tag <th> menentukan jumlah dari cell header yang harus digabung.
sintak:
<td colspan = "value"> Konten Tabel...</td>
Value menentukan jumlah dari kolom yang akan diisi cell. Nilai dari value harus dalam nilai integer.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Colspan
</title>
<style>
table, th, td
{
border: 1px solid black;
border-collapse: collapse;
padding: 6px;
text-align:center;}
</style>
</head>
<body>
<center>
<h1 style="color: green;">
Blog Elfan
</h1>
<h2>
HTML Atribut Colspan
</h2>
<table>
<tr>
<th>Name</th>
<th>Expense</th>
</tr>
<tr>
<td>Arun</td>
<td>$10</td>
</tr>
<tr>
<td>Priya</td>
<td>$8</td>
</tr>
<tr>
<td colspan="2">Sum: $18</td>
</tr>
</table>
</center>
</body>
</html>
Blog Elfan
HTML Atribut Colspan
Name | Expense |
---|---|
Arun | $10 |
Priya | $8 |
Sum: $18 |
sintak:
<th colspan = "value"> Konten Tabel... </th>
Value menentukan jumlah dari kolom yang akan dipenuhi oleh cell. Nilai value harus dalam nilai integer.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Colspan
</title>
<style>
table, th, td
{
border: 1px solid black;
border-collapse: collapse;
padding: 6px;
text-align: center;}
</style>
</head>
<body>
<center>
<h1 style="color: green;">
Blog Elfan
</h1>
<h2>
HTML Atribut Colspan
</h2>
<table>
<tr>
<th colspan="2">Expense</th>
</tr>
<tr>
<td>Arun</td>
<td>$10</td>
</tr>
<tr>
<td>Priya</td>
<td>$8</td>
</tr>
</table>
</center>
</body>
</html>
Blog Elfan
HTML Atribut Colspan
Expense | |
---|---|
Arun | $10 |
Priya | $8 |
Apa yang dimaksud dengan atribut colspan pada html?
BalasHapusAtribut colspan digunakan untuk mendefinisikan jumlah kolom yang harus direntang pada elemen tabel HTML.
HapusAtribut colspan pada HTML digunakan untuk mengatur jumlah kolom yang harus dihilangkan atau direntang pada elemen tabel html yang biasanya digunakan pada elemen TH atau TD.
HapusBagaimana cara kerja colspan pada html?
BalasHapusAtribut colspan pada HTML digunakan untuk menentukan jumlah kolom yang harus direntangkan. Tag ini memungkinkan sel tabel tunggal untuk menjangkau lebar yang lebih dari satu sel atau satu kolom. Tag ini menyediakan fungsionalitas yang sama seperti merge cell pada EXCEL.
Hapus