Sobat jamane komputer kali
ini saya ingin menyampaikan tentang menyisipkan gambar di dalam bahasa
pemrograman HTML, silahkan teman-teman untuk menyimak uraian sebagai berikut
ya:
Element
IMG
Element IMG digunakan untuk memunculkan gambar. Element ini tidak memiliki tag penutup dan memiliki atribut yaitu align, alt, border, height, width, hspace (jarak kosong pada posisi horizontal, vspace (jarak kosong pada posisi vertikal), src (lokasi dari gambar disimpan bersama nama file-nya).
Sintaks sebagai berikut:
<img
align="left"|"right"|"top"|"middle"|"bottom"
alt="text"
border="pixel"
width="pixel"|"%"
height="pixel"|"%"
hspace="pixel"
vspace="pixel"
src="uri">
Element IMG digunakan untuk memunculkan gambar. Element ini tidak memiliki tag penutup dan memiliki atribut yaitu align, alt, border, height, width, hspace (jarak kosong pada posisi horizontal, vspace (jarak kosong pada posisi vertikal), src (lokasi dari gambar disimpan bersama nama file-nya).
Sintaks sebagai berikut:
<img
align="left"|"right"|"top"|"middle"|"bottom"
alt="text"
border="pixel"
width="pixel"|"%"
height="pixel"|"%"
hspace="pixel"
vspace="pixel"
src="uri">
Uji
Coba
Untuk
lebih memahami uraian di atas, silahkan sobat jamane komputer untuk mencoba
latihan di bawah ini ya:
Uji
Coba 1:
menampilkan gambar image212.jpg dengan ukuran width dan height 180pixel serta border 6 pixel :
Nama file: uji_coba_1.html
menampilkan gambar image212.jpg dengan ukuran width dan height 180pixel serta border 6 pixel :
Nama file: uji_coba_1.html
|
<html>
<head> <title>Uji Coba 1</title> </head> <body> <img width="180" height="180" src="image212.jpg"> </body> </html> |
Uji Coba 2:
Dari uji coba 1 ubah gambar menjadi yang terdapat dalam direktori /images dengan nama image222.jpg
Nama file: uji_coba_2.html
|
<html>
<head> <title>Uji Coba 2</title> </head> <body> <img width="180" height="180" src="./images/image222.jpg"> </body> </html> |
EmoticonEmoticon