rowspan dan colspan. Penggunaan dan Penulisan Atribut rowspan
Atribut rowspan dipakai untk menggabungkan sel tabel dengan sel lainnya yang berada di bawahnya menjadi satu sel atau bersatu.Berikut ini penulisan atribut
rowspan di dalam tag <td> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table border="1"> <tr> <td rowspan="2">Baris 1 & 2, kolom 1</td> <td>Baris 1, kolom 2</td> <td>Baris 1, kolom 3</td> </tr> <tr> <td>Baris 2, kolom 1</td> <td>Baris 2, kolom 3</td> </tr> </table> </body> </html>
<td> dengan atribut rowspan, yang akan menciptakan sel tabel bersatu dengan sel yang ada di bawahnya. Nilai dari atribut ini berupa angka, di mana angka ini dipakai untk memilih banyaknya sel tabel yang akan dibentuk menjadi bersatu. Penggunaan dan Penulisan Atribut colspan
Atribut colspan dipakai untk menggabungkan sel tabel dengan sel lainnya yang berada di sampingnya menjadi satu sel atau bersatu.Berikut ini penulisan atribut
colspan di dalam tag <td> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table border="1"> <tr> <td colspan="2">Baris 1, kolom 1 & 2</td> <td>Baris 1, kolom 3</td> </tr> <tr> <td>Baris 2, kolom 1</td> <td>Baris 2, kolom 2</td> <td>Baris 2, kolom 3</td> </tr> </table> </body> </html>
Perhatikan pada isyarat di atas Saya menambahkan 1 buah tag
<td> dengan atribut colspan, yang akan menciptakan sel tabel bersatu dengan sel yang ada di sampingnya. Nilai dari atribut ini berupa angka, di mana angka ini dipakai untk memilih berapa banyak sel tabel yang akan di buat bersatu.Misalnya kita menambahkan nilai dari atribut
rowspan ialah 3, maka akan menciptakan 3 baris bergabung menjadi satu sel begitupun juga kita menambahkan nilai dari atribut colspan ialah 3, maka akan menciptakan 3 kolom bersatu menjadi satu sel. Atribut ini bukan hnya di gunakan untk tag <td> tapi untk <th>.Berikut ini penulisan atribut
rowspan dan colspan di dalam tag <td> dan <th> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table border="1"> <tr> <th colspan="3">Baris 1, kolom 1 & 3</th> <th>Baris 1, kolom 4</th> </tr> <tr> <td rowspan="3">Baris 1 & 3, kolom 1</td> <td>Baris 1, kolom 2</td> <td>Baris 1, kolom 3</td> <td>Baris 1, kolom 4</td> </tr> <tr> <td>Baris 2, kolom 2</td> <td>Baris 2, kolom 3</td> <td>Baris 2, kolom 4</td> </tr> <tr> <td>Baris 3, kolom 2</td> <td>Baris 3, kolom 3</td> <td>Baris 3, kolom 4</td> </tr> </table> </body> </html>
Pada article selanjutnya kita akan membahas Trik Membuat Judul Tabel di HTML. Sumber https://mas-abdi.blogspot.com/
No comments:
Post a Comment