Membuat Table

Written by Christianto Eko Harry Prasetyo 0 comments Posted in:

Tabel merupakan elemen yg sangat berguna bila ingin mengubah tampilan informasi menjadi lebih tertata rapi.
Tag untuk membuat Tabel dibagi menjadi dua bagian berdasarkan pada letak tag.
Tag outside yg digunakan adalah < TABLE >....< /TABLE > sbg tag dasar,sedangkan taginside adalah tag < TR >....< /TR > untuk menyatakan setiap baris yg ada pada tabel tsb. Dan tag < TD >....< /TD > untuk menyatakan kolom pd setiap baris yg ada pd tabel tsb. Adapun tag < CAPTION >....< /CAPTION > untuk memberi judul pada tabel tsb.
Lita dapat mengisi isi tabel dlm tag < TD >,kita dpt mengisi nya dg gambar,tulisan,atau membuat tabel lg.Untuk memberi judul pada kolom,kita bs menggunakan tag < TH >....< /TH >.

Contoh :
< html >
< head >
< title >Latihan Table< /title >
< /head >
< body >
< table border="10%" >
< caption >Daftar Hadir Mahasiswa< /caption >
< tr >< th >NRP< /th >< th >Nama< /th >< th >TTD< /th >
< tr >< td >0972111< /td >< td >Ucup< /td >< td >HADIR< /td >
< tr >< td >0972222< /td >< td >Ujang< /td >< td >HADIR< /td >< /tr >
< tr >< td >0972333< /td >< td >Untung< /td >< td >TIDAK HADIR< /td >< /tr >
< /body >
< /html >

Atribut2 yg ada pd tag2 table :
1. Width="..."
Untuk mengatur lebar dari tabel.

2. Border="..."
Mengatur ukuran bingkai tabel.

3. Cellspacing="..."
Mengatur jarak antar sel.

4. Cellpadding="..."
Mengatur jarak bingkai dg isi.

5. Align="..."
Mengatur perataan tengah,kanan,atau kiri.

6. Bgcolor="..."
Mengatur warna background dari tabel atau sel.

7. Bordercolor="..."
Mengatur warna dari bingkai tabel.

8. Valign="..."
Mengatur perataan vertikal atas,tengah,atau bawah.

9. Rowspan="..."
Menggabungkan beberapa baris jadi satu.

10. Colspan="..."
Menggabungkan beberapa kolom jadi satu.

Demikian pertemuan sesi 5,semoga bermanfaat bagi yg membaca..^o^

0 comments:

Post a Comment