3. apa pengertian dari colspan dalam html?

Rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.

Table of Contents Show

Fungsi Atribut Colspan pada Table HTML
Membuat Tabel dengan Atribut Colspan Pada Tag<th>
Membuat Tabel dengan Atribut Colspan Pada Tag<td>
Fungsi Atribut Rowspan pada Table HTML
Membuat Tabel dengan Atribut Rowspan
Apa itu rowspan pada HTML?
Apa itu TR dan TD dalam HTML?
Apa perintah HTML untuk membuat tabel?
Apa atribut untuk menggabungkan baris?

Untuk membuat table colspan dan rowspan, diperlukan table atribut data tersendiri. Table atribut data yang digunakan adalah sebagai berikut.
1. Rowspan = angka (banyaknya baris yang di-span oleh sel).

berikut ini contoh menggabungkan 2 baris dalam menggunakan
atribut Rowspan.

Maka hasilnya akan seberti berikut ini.

2. Colspan = angka (banyaknya kolom yang di-span oleh sel).

Berikut ini contoh menggabungkan 2 baris dalam menggunakan
atribut Colspan.

Maka hasilnya akan seberti berikut ini.

Selanjutnya mari kita buat satu lagi kolom dalam tabel dengan menggunakan atribut rowspan.

1. Ketikkan Script berikut ke dalam text editor anda

2. Kemudian disimpan (save) dengan ekstention.html

3. Langkah selanjutnya jalankan script dengan
menggunakan web browser (internet

eksplorer, google chrome dll), maka akan didapatkan
hasil seperti berikut ini.

Sekian Ilmu yang dapat saya berikan, kurang lebihnya mohon maaf. terima kasih

Atribute colspan dan rowspan pada pembuatan tabel HTML merupakan salah satu fitur yang dapat kita gunakan apabila dalam pembuatan tabel kita menginginkan beberapa kolom ingin digabungkan menjadi satu, begitu juga bila menginginkankan beberapa baris ingin digabungkan (merger).

Fungsi Atribut Colspan pada Table HTML

Atribut colpsan pada pembuatan table html, merupakan singkatan dari "column span" yang berfungsi untuk menggabungkan column. Penggunaan atribut colspan dapat diletakkan dalam tag <th> maupun tag <td>, tergantung kebutuhan tabel yang akan dibuat.

Membuat Tabel dengan Atribut Colspan Pada Tag<th>

Dalam contoh ini kita akan membuat sebuah tabel dimana atribut colspan diletakkan pada tag <th> seperti yang ditunjukkan oleh Gambar.1 dibawah ini :
Gambar.1
Kode HTML untuk Gambar.1 diatas:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table border="1">
  <tr>
    <th>No</th>
    <th>Nama</th>
    <th colspan="2">No.HP</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Andi Fraseria</td>
    <td>+6281342113</td>
    <td>+6281122333</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Rudi Hariadi</td>
    <td>+6281552113</td>
    <td>081221333</td>
  </tr>
</table>
</body>
</html>

Seperti yang terlihat pada kode HTML, untuk dua data terakhir yang berada pada tag <td> akan menjadi data bagi judul No.HP.

Membuat Tabel dengan Atribut Colspan Pada Tag<td>

Sekarang kita akan menunjukkan bagaiman penerapan atribut colspan pada tag <td> seperti output yang ditunjukkan oleh Gambar.2 dibawah ini :
Gambar.2
Kode HTML untuk Gambar.2 diatas:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table border="1">
  <tr>
    <th>No</th>
    <th>Nama</th>
    <th>No.HP</th>
  </tr>
  <tr>
    <td>1</td>
    <td colspan="2">Andi Fraseria Dengan No.HP: +6281342113</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Rudi Hariadi</td>
    <td>+6281552113</td>
  </tr>
</table>
</body>
</html>

Kalau kita melihat Gambar.2, sepertinya tidak pernah kita menemukan model tabel seperti itu. Karena kolom-kolom pada baris pertama menyatakan Judul Tabel. Jika kolom-kolom pada baris pertama terdapat tiga kolom yang menjadiJudul, maka pada baris berikutnya juga terdapat tiga kolom yang akan menjadi data-datanya.

Model pembuatan tabel seperti Gambar.2 sering digunakan sebagai pembuatan layout web pada awal-awal diperkenalkan HTML.

Fungsi Atribut Rowspan pada Table HTML

Atribut rowspan berfungsi untuk menggabungkan beberapa baris menjadi satu baris. Penggunaan atribut rowspan hanya dimungkinkan pada tag <td> saja, berbeda dengan colspan.

Membuat Tabel dengan Atribut Rowspan

Berikut ini kita akan sajikan contoh penerapan tabel dimana dua orang yang memiliki no.hp yang sama seperti yang ditunjukkan oleh Gambar.3 dibawah ini :

Apa itu rowspan pada HTML?

Rowspan merupakan salah satu atribut yang berkaitan erat dengan pembuatan tabel. Fungsinya adalah untuk menggabungkan beberapa data dalam baris. Sederhananya, menggabungkan baris ke bawah.

Apa itu TR dan TD dalam HTML?

Tag <tr> (tabel row) untuk membuat baris. Tag <td> (table data) untuk membuat sel. Tag <th> (table head) untuk membuat judul pada header.

Apa perintah HTML untuk membuat tabel?

Tabel didefinisikan dengan tag <table> sebagai kontainer, lalu tag <thead> untuk bagian header, tag <tbody> untuk bagian body table, dan tag <tfoot> untuk bagian footer. Sedangkan untuk membuat baris pada tabel kita menggunakan tag <tr> , dan untuk cell-nya kita bisa menggunakan baik tag <td> atau pun tag <th> .

Apa atribut untuk menggabungkan baris?

digunakan untuk menggabungkan kolom adalah COLSPAN, sedang atribut untuk menggabungkan baris adalah ROWSPAN. Kedua atribut ini bisa dikenakan pada sembarang sel dalam suatu tabel (TH atau TD) dan untuk menggunakannya cukup dengan menentukan berapa banyak kolom atau baris yang akan digabungkan.