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.

Cara Mengubah Sajian Grafik, Tabel dan Diagram Menjadi Uraian Deskriptif

Pernahkah kalian menjumpai sebuah bacaan yang berisi data statistik? Informasi yang bersifat data statistik dari koran atau bacaan lain terkadang sukar ditafsirkan, sehingga perlu penyajian sederhana dalam bentuk diagram atau grafik. Jika kalian dapat membaca dan memahami isi grafik dalam sebuah bacaan, kalian dapat memperoleh informasi secara lengkap. Berikut ini kalian akan dilatih untuk membaca dan memahami grafik dan akhirnya kalian dapat menuliskan informasi dari grafik tersebut dalam wujud kalimat-kalimat.

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