Cara Menggabungkan Sel Tabel Pada Kode HTML

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>

</head>

</body>

<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

Postingan populer dari blog ini

Pengertian, Kelebihan dan Kekurangan dari Incremental Model dan Concurrent Development Model

Halo, sobat. Seperti yang kita ketahui, pengembangan rekayasa perangkat lunak memiliki banyak model contohnya Waterfall Model , V Model , RAD Model , dan lain sebagainya. Dalam kesempatan kali ini kita akan membahas apa itu Incremental Model dan Concurrent Development Model , kita juga akan membahas kelebihan dan kekurangan dari model tersebut.

Kelebihan dan Kekurangan V Model, RAD Model, dan Spiral Model

Halo, sobat. Pada postingan sebelumnya, kita telah membahas tentang Incremental Model dan Concurrent Development Model , serta kelebihan dan kekurangan dari model tersebut. Pada postingan kali ini kita akan kembali membahas model pengembangan perangkat lunak, namun kita hanya akan membahas kelebihan dan kekurangan dari model-model pada judul kita kali ini ( V Model , RAD Model , dan Spiral Model ).

Cara Lihat, Buat, Hapus Database MySQL Melalui CMD

Yoo guys kembali lagi bersama ane, siapa sih yang gatau tentang CMD. Sekarang ane bakal bikin database lewat CMD. Langsung aja... 1. Yang pertama kita harus instal Xampp terus aktifkan MySQL dan Apache pada Xampp. Terus masuk ke directori Xampp dengan perintah : Sebenernya ini tergantung sama tempat dimana kalian instal kalo misalkan di Drive C maka cd c:\xampp\mysql\bin kalo misalkan di Drive D ya tinggal ganti jadi cd d:\xampp\mysql\bin 2. Jika sudah, masuk ke directori mysql/bin dan ketik perintah : mysql -u root 3. Nah kalo sudah masuk ke directori mysql/bin kalian bisa buat database, hapus database, dan lihat database - Kalau buat database kalian tinggal ketik create database (nama database yang akan dibuat); - Hapus database kalian tinggal ketik drop database (nama database yang akan dihapus); - Kalau kalian ingin liat database kalian tinggal ketik show databases; p.s : Pembuatan nama database tidak bisa menggunakan karakter kecuali tanda "_"

Pangeran Kodok

Cari Blog Ini