Menggabungkan Kolom HTML Menggunakan Atribut Colspan
 |
| Ilustrasi Atribut Colspan 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.
<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 |
- 8 Komponen Pengaturan Penggunaan Atribut Datetime pada HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Dir pada HTML [klik]
- 2 Contoh Utama Penggunaan Atribut Dirname pada HTML [klik]
- 7 Contoh Program Penerapan Atribut Disabled pada HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Draggable pada HTML [klik]
- Cara Membuat Data Drag and Drop pada Atribut Dropzone HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Enctype pada HTML [klik]
5 komentar untuk "Menggabungkan Kolom HTML Menggunakan Atribut Colspan"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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