Wednesday, March 25, 2015

Atribut dalam Tag Table HTML

Kampusit.com - Kali ini kita akan belajar tentang seputar HTML. Khususnya adalah Tag <table> ... </table>. Apa sih gunanya ? Bagaimana cara membuatnya ? Apa saja atributnya ?. Guna atau fungsinya kebanyakan untuk membuat Layout Page Web oleh web Programer.

Didalam sebuah table terdapat beberapa atribut atau embel-embel :) .
Beberapa atributnya adalah:
<tr>...</tr>    => Tag Row | Tag Baris

<td>...</tr>    => Tag Coloum

bgcolor     	=> Warna Background table

width		=> Menentukan Lebar

height	        => Menentukan Tinggi 

cellspasing	=> Jarak antar cell

cellpadding	=> Jarak teks ke cell

border	        => Lebar garis pinggir

align	        => Mengatur posisi horisontal isi sel (left,center, dan right)

colspan=n 	=> Ekstensi (span) n kolom ke kanan

rowspan=n	=> Ekstensi (span) n baris kebawah

nowrap    	=> Mematikan word wrapping

Contoh Script untuk membuat tabel:

<table border="3"> <tbody> <tr> <td width="30%"></td> <td colspan="3">colspan=3</td> </tr> <tr> <td rowspan="4">rowspan=4</td> <td width="20%"></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody></table>

Hasilnya nanti kaya gini:
contoh table HTML
Contoh Table
Ini contoh dasar saja misal mau ditambah pake saja atribut diatas.


Terima Kasih sudah berkunjung. Semoga bermanfaat :)
-------------------------------------------------------------------

0 comments:

Post a Comment

==| TOS Coment |==
No SARA !!
Boleh Promo URL Blog aktiv.