Yoo Guys kembali lagi bersama ane, disini ane bakal ngepost tentang HTML pada tau ga apa itu HTML?, HTML itu adalah kode pemograman sederhana untuk membuat halaman web, nah sekarang ane bakal kasih tau kode kode apa yang dipake untuk menggabungkan sel tabel pada kode pemogramman HTML. Langsung aja sedottt......
Nah atribut yang digunakan untuk menggabungkan sel tabel pada kode html adalah atribut colspan dan rowspan. Atribut ini diletakkan pada tag td dari sebuah tabel. Agar mudah dipahami, ane bakal kasih contohnya :
<html>
<head>
<title>....</title>
</head>
</body>
<center><table width="60%" border="6" cellspacing="5" cellpadding="5">
<tr>
<td>No.</td><td>Nama</td><td>Gol. Darah</td>
</tr>
<tr>
<td>1</td><td>Rangga</td><td rowspan="2">AB</td>
</tr>
<tr>
<td>2</td><td>Irfan</td>
</tr>
<tr>
<td>3</td><td>Rizal</td><td>A</td>
</tr>
<tr>
<td>4</td><td>Ilham</td><td>B</td>
</tr>
<tr>
<td>5</td><td>Hudan</td><td>O</td>
</tr>
<tr>
<td colspan="3"><center>Palang Merah Indonesia</center></td>
</tr>
</body>
</html>
Hasilnya akan seperti ini :
Pada contoh diatas, kita dapat melihat bahwa tag td yang memiliki atribut colspan, akan membuat sel tabel bersatu dengan kolom disebelahnya. Sedangkan atribut rowspan akan membuat sel tabel bersatu dengan baris dibawahnya. Kedua atribut ini membutuhkan nilai (value), dimana nilai ini adalah seberapa banyak sel tabel yang dibuat bersatu.
Misalkan colspan="3" akan membuat 3 kolom bergabung menjadi 1 sel, dan rowspan="2" akan membuat sel tabel bersatu dengan 1 baris dibawahnya.
Jadi kesimpulannya untuk membuat tabel bersatu dengan tabel lain dibutuhkan atribut colspan dan rowspan setelah tag td, contoh : <td colspan="3">...</td> maka akan terjadi 3 tabel bersatu menjadi satu tabel kesamping sedangkan atribut rowspan digunakan untuk menggabungkan tabel menjadi satu tabel kebawah.
Komentar
Posting Komentar