Gambar dalam HTML

<img>

Adalah tag yang digunakan untuk menampilkan gambar dalam HTML.

Syntax:

<img src=”namaFileGambar” >

Keterangan:

Atribut src berisi nama file gambar dan jika diletakkan dalam direktori yang lain maka disebutkan bersama nama direktorinya.

Contoh:

Saya mempunyai file bernama guss-hiddink.png (klik nama file gambar ini untuk mendownload)  lalu saya ingin menampilkan gambarnya melalui browser.

Pertanyaan:

Bagaimana caranya ... ?

Jawaban:

Dalam direktori yang sama dengan file gambar maka buatlah sebuah file bernama tampilGambar.html dan masukkan kode berikut ini:

<img src="guus-hiddink.png">

Hasil:

Klik 2x nama filemu maka pada browser akan tampil seperti berikut ini:



Menentukan Lebar dari gambar

Attribut width digunakan untuk memberikan nilai lebar untuk gambar.

Syntax:

<img src=”namaFileGambar” width=”angka” >

Contoh:

Rubahlah kode pada file tampilGambar.html menjadi seperti dibawah ini:

<img src="guus-hiddink.png" width="300" >

Hasil

Klik 2x nama filemu maka pada browser akan tampil seperti berikut ini:

2016 © Fahmi Basya Kartapura