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^

Read more

Mengenal Tag HTML - Hyperlink

Written by Christianto Eko Harry Prasetyo 0 comments Posted in:

Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halam ke halaman
lainnya. Tag yang berperan dalam membuat link adalah tag A atau yang biasa dikenal sebagai tag
anchor / jangkar. Tag A akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang
digunakan untuk menentukan halaman tujuan dari suatu link.
Pada contoh kali ini terdapat dua buah file dokumen HTML di mana pada masing masing
dokumen
terdapat suatu link yang apabila dipilih (diklik) akan memanggil dokumen lainnya.


Read more

Mengenal Tag HTML - Tag LIST

Written by Christianto Eko Harry Prasetyo 0 comments Posted in:

Pada dokumen HTML terdapat dua jenis list, yaitu unordered list dan ordered list.
Unordered list adalah suatu list yang tidak memperhatikan urutan penomoran sedangkan ordered list
adalah list yang memperhatikan urutan penomoran.
Untuk membuat suatu unordered list menggunakan tag UL sedangkan untuk membuat ordered list
menggunakan tag OL.
Dan untuk mengisikan item pada list menggunakan tag LI

Read more

Mengenal Tag HTML - Tag EMBED

Written by Christianto Eko Harry Prasetyo 0 comments Posted in:

Dalam dokumen HTML dimungkinkan untuk menyertakan serta memainkan suatu file multimedia
berupa animasi atau video dengan menggunakan tag . Nama file video yang akan
disertakan diatur oleh atribut SRC. Untuk mengatur lebar dan ketinggian area diatur oleh atribut
WIDTH dan HEIGHT. Atribut LOOP dapat digunakan untuk mengatur apakah adanya perulangan /
looping dalam pemutar suatu file video. Dan atribut AUTOSTART digunakan untuk mengatur apakah
pemutaran suatu file video dilakukan secara otomatis atau tidak.

Read more

Mengenal Tag HTML - Tag IMG

Written by Christianto Eko Harry Prasetyo 0 comments Posted in:

Tag IMG pada dokumen HTML digunakan untuk menambahkan gambar pada suatu halaman web.
Untuk menambahkan gambar dapat dilakukan dengan mengubah nilai atribut SRC disesuaikan
dengan nama file gambar yang diinginkan.


Read more