DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Menggabungkan Kolom HTML Menggunakan Atribut Colspan

Atribut colspan pada html menentukan jumlah dari kolom pada sebuah cell yang harus di span (gabung) pada dokumen HTML. Atribut ini juga memungkinkan single tabel untuk menggabungkan lebih dari satu cell atau kolom. Atribut ini menyediakan fungsi sama seperti "merge cell" pada aplikasi spreadsheet pada excel.


2 Contoh Program Penggunaan Atribut Colspan pada HTML
Ilustrasi Atribut Colspan 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.

Baca Juga:

sintak:
<td colspan = "value"> Konten Tabel...</td>

Value menentukan jumlah dari kolom yang akan diisi cell. Nilai dari value harus dalam nilai integer.

Contoh:

<!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>

Output:

Blog Elfan

HTML Atribut Colspan

NameExpense
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.

Contoh:

<!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>

Output:

Blog Elfan

HTML Atribut Colspan

Expense
Arun$10
Priya$8

Komentar

  1. Apa yang dimaksud dengan atribut colspan pada html?

    BalasHapus
    Balasan
    1. Atribut colspan digunakan untuk mendefinisikan jumlah kolom yang harus direntang pada elemen tabel HTML.

      Hapus
    2. Atribut 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.

      Hapus
  2. Bagaimana cara kerja colspan pada html?

    BalasHapus
    Balasan
    1. Atribut 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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas