Memuat Gambar

Setelah anda mengetahui struktur dari sebuah file HTML dan apa saja yang harus ditulis pertama kali. Selanjutnya saya akan mengajak anda untuk mempelajari cara memuat/menampilkan sebuah gambar pada HTML.

Untuk memuat sebuah gambar pada dokumen HTML, kita akan menggunakan tag <img>. Lokasi gambar dan file gambar kita letakan didalam tag ini. Tag img termasuk ke dalam tag spesial dan tidak memiliki tag penutup (Disebut juga sebagai Self Closed Tag), jadi anda tidak perlu menggunakan "</img>" (tanpa tanda petik) seperti tag-tag lainnya.

Untuk lebih jelasnya silakan anda coba script berikut:

<img src="direktori gambar">

Loh?, apa itu "src"?, mungkin terlihat asing dimata anda."src" merupakan sebuah atribut pada HTML. Setiap tag HTML dapat memiliki satu atau lebih atribut, atribut ini berfungsi untuk menyimpan informasi yang berkaitan dengan tag tersebut. Selanjutnya untuk memasukkan nilai pada atribut, kita gunakan operator sama dengan (=) diikuti dengan lokasi gambar yang diapit oleh tanda kutip. Untuk lebih memahami atribut pada HTML silakan anda baca "Atribut pada HTML".

Buat file HTML pada notepad anda
Misalnya lokasi gambar yang ingin anda muat masih satu folder dengan file HTML anda, pada contoh file gambar bernama (logoWCS.png).

Lalu anda cukup mengetikan pada notepad script berikut:

<img src="logoWCS.png">

Selanjutnya anda save file HTML anda (gambar.html) atau terserah asalkan ekstensi filenya (.html), lalu jalankan file HTML pada browser anda, dan lihat hasilnya:

Nah, cukup mudah bukan membuatnya?

Sekian dan Terima Kasih.