Html menyediakan tag yang dapat
memasukan gambar pada halaman web. Tag tersebut di definisikan dengan <img>.
untuk memasukan gambar ke dalam halaman web, kita perlu mengetahui ekstensi dan
lokasi gambar tersebut. Maka dalam tag image perlu di beri attribute src
seperti berikut :
<img src=”lokasi.ekstensi”>
Untuk memudahkan dalam memasukan
lokasi gambar, kita dapat menyatukan lokasi file html dan gambar ke dalam satu
folder seperti berikut :
jadi jika file_html akan memanggil
gambar maka seperti berikut :
<img src=”gambar.jpg”>
agar lebih terstruktur penempatan
file halaman web, anda dapat memisahkan antara file html dan gambar ke dalam
folder khusus menyimpan file gambar menjadi seperti berikut :
jadi jika file_html akan memanggil
gambar maka seperti berikut :
<img src=”image/gambar.jpg”>
Kita akan mencoba pada contoh
berikut, letakan file html dan gambar pada satu folder. Gambar yang digunakan
pada artikel ini adalah Desert.jpg
Contoh : image.html
- <html>
- <head>
- <title>HTML Image</title>
- </head>
- <body>
- <img src="Desert.jpg">
- </body>
- </html>
Hasil keluaran browser :
Tidak ada komentar:
Posting Komentar