Anda di halaman 1dari 2

Nama : Refit Erdiana

(201310060311143)

Kelas : Matematika VI D
Judul : Gustiawan, Ferry. 2005. Modul Internet dan HTML. Disadur dari (http://materi.rahasiawebmaster.com/mkhtml/). Diakses tanggal 5 Maret2016.
Isi Bacaan

:
HTML Tingkat Lanjut

Jika pada pembahasan sebelumnya, kita membahas mengenai HTML dasar dimana pada
pembehasan tersebut mengenai bagian Head, Body, serta memformat teks yang di dalam Body.
Kali ini yang akan dibahas mengenai bagaimana cara :
1. Menambahkan Gambar
Dokumen HTML akan menarik bila ditambahkan dengan gambar. Format gambar yang
dapat ditampilkan : GIF, JPEG, PNG, WMF dll. Untuk menambahkannya menggunakan tag
<IMG>. Tag <IMG> mempunyai atribut :
SRC : merujuk URL atau direktori file gambar.
ALIGN : Posisi teks di sekitar gambar, yakni TOP, MIDDLE, BOTTOM, LEFT, RIGHT.
WIDTH : lebar gambar
HEIGHT : tinggi gambar
ALT : menampilkan teks pengganti gambar jika gambar tidak dapat ditampilkan.
2. Menggunakan Tabel
Untuk membuat table di HTML, maka menggunakan tag-tag diantaranya : <TABLE> untuk
mendefinisikan sebuah table, <TR> untuk mendefinisikan baris table, <TH> untuk
mendefinisikan judul tiap kolom atau baris, dan <TD> untuk mendefinisikan isi tiap kolom.
Atribut untuk tag <TABLE> adalah sebagai berikut :
ALIGN : posisi horizontal table
BACKGROUND : menentukan gambar latar belakang table
BGCOLOR : menentukan warna latar belakang tabel
BORDER : menentukan tebal bingkai table
VALIGN : menentukan posisi vertical teks dalam sel.
Sedangkan atribut tag <TD> adalah :
COLSPAN : menentukan jumlah kolom yang akan digabung
NOWRAP : menentukan teks agar tetap satu baris
ROWSPAN : menentukan lebar table
BORDERCOLORLIGHT : menentukan warna depan bingkai sel
BORDERCOLORDARK : menentukan warna bayangan bingkai sel
Komentar :
Jika pada pertemuan sebelumnya yang dibahas mengenai HTML dasar meliputi : Bagian Head,
Body, Memformat dokumen HTML dan memformat karakter. Kali ini yang akan dibahas lebih
dalam mengenai HTML diantaranya : menambahkan Gambar, terdapat dua cara untuk memuat
gambar dalam web dengan menggunakan tag <IMG> :

Penggunaan Absolute path, biasanya gambar diletakkan pada folder yang sama dengan
halaman web sehingga cukup dipanggil nama filenya saja, atau dapat berupa alamat dari suatu
website. Contoh :
<img src=http://www.unikom.ac.id/image/logo.gif>
<img src=logo.gif>

Penggunaan Relative path, yaitu file gambar disimpan pada folder yang terpisah dengan folder
halaman webnya. Contoh :
<img src=/image/logo.gif>

Penggunaan gambar dapat diletakkan dibagian mana saja dari suatu dokumen web, yang harus
dilakukan hanya memanggil tag <IMG> dimana gambar tersebut akan dimunculkan.
Lalu pemanfaatan Tabel biasanya digunakan untuk menempatkan data secara spreadset, tapi
untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks,
ataupun gambar. Dengan menggunakan tabel, teks ataupun gambar dapat disusun menjadi lebih
rapi. Pemanfaatan menggunakan table ini diantaranya kita dapat membuat tabel dua dimensi,
membuat judul tabel, mengatur perataan tabel, mengatur lebar, pewarnaan tabel, mengatur spasi
table dan menggabungkan kolom dan baris. Karena tampilan halaman web akan menjadi lebih baik,
apabila dasar/kerangkanya menggunakan tabel.
Daftar Refrensi :
Astamal, Rio. 2006. Ebook Mastering Kode HTML. Disadur dari (http://www.scribd.com).
Diakses tanggal 6 Maret 2016.
Wulansari, Wahyu Tri. 2013. Modul Ajar Praktikum Pemrograman Web I. Jurusan Rekayasa
Perangkat Lunak SMK N 2 Trenggalek.