PRAKTIKUM PENGENALAN WEB

PERTEMUAN KE-6
Image
1. PEMBAHASAN PRAKTIKUM
pada praktikum kali ini akan membahas tentang image sehingga kode html yang
ditambahkan pada halaman utamanya yaitu sebagai berikut:
<img src="pict/peta_dyi.jpg" width="200px" height="200px"
border="1px">
Yang akan menampilkan gambar peta dengan ukuran 200 x 200 piksel dan garis
yang mengelilinginya berukuran 1 piksel, gambar tersebut berada pada direktori
pict dengan nama peta_dyi.jpg seperti yang ditampilkan pada gambar berikut ini:

2. PEMBAHASAN LATIHAN
Pada file foto.html jika modifikasi dengan menambahkan beberapa tag html pada
bagian <div id=”content”> seperti tag html dibawah ini:

Maka akan tampil beberapa link gambar yang muncul pada bagian content atau
isi halamannya. Dari tag-tag tersebut merupakan link gambar yang berada di
direktori pict dengan nama yang disebutkan diatas, dari keempat gambar
berukuran sama yaitu 200 x 200 piksel dan bordernya sama dengan 1 piksel.
Seperti yang ditunjukkan pada gambar dibawah ini:
3. TUGAS
a. Perbedaan antara <img src=”foto.jpg”> dengan <img src=”foto.jpg”
align=”right”>:
 <img scr=”foto.jpg”> merukapan tag <img> yang mempunyai atribut src
ke foto.jpg dengan tampilan defaultnya yaitu rata kiri.
 <img src=”foto.jpg” align=”right”> merupakan tag <img> yang mempunyai
atribut src ke foto.jpg dengan tampilan rata kanan karena ditentukan.
b. Perbedaan <img src=”foto.jpg” align=”middle”> dengan <img src=”foto.jpg”
align=”top”>:
 <img scr=”foto.jpg”> merukapan tag <img> yang mempunyai atribut src ke
foto.jpg dengan tampilan ditengah.
 <img src=”foto.jpg” align=”right”> merupakan tag <img> yang mempunyai
atribut src ke foto.jpg dengan tampilan ke atas.

4. KESIMPULAN
Pada tag <img> merupakan tag khusus yang mengacu pada gambar-gambar
yang dapat diatur dengan ukuran tertentu dan tampilan tertentu sehingga dapat
mempercantik sebuah halaman web.