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. DOWNLOAD
