Tag Image adalah tag yang kita gunakan untuk menyisipkan gambar kedalam Web Browser dengan menggunakan HTML. Berbeda dengan kita menulis artikel di Office Word yang apabila kita ingin memasukkan gambar hanya Copy lalu Paste di lembar kerja Word. Di HTML kita harus menggunakan Tag untuk memasukkan gambar ke dalam Web Browser. Tentu dengan Tag Image <image> tersebut.
Implementasi Tag Image HTML
Tag Image ini adalah tag yang digunakan untuk menyisipkan gambar kedalam web browser. Tanpa tag ini kita tidak akan bisa memasukkan gambar apapun kedalam web browser. Tag Image ini memiliki beberapa attribut sama seperti tag-tag yang lain. Beberapa tag tersebut diantaranya Width, Align, Height dan lain-lain .
Untuk menyisipkan sebuah gambar, kita harus tahu dimana letak gambar tersebut, tepatnya di direcory atau folder mana gambar itu berada dan apa extensionya. sementara untuk mempermudah kita taruh gambar tepat satu folder dengan web html yang kita simpan seperti gambar berikut.
 |
| Script HTML dan Gambar berada di satu folder |
Apabila web dan gambar berada di satu folder seperti diatas, untuk script htmlnya kita tidak perlu menambahkan directory dimana gambar itu berada. kita tinggal menuliskan script seperti berikut
 |
| Gambar kiri hasil di web browser - Gambar kanan Scrpt HTML |
Disana saya menggunakan script <image src="koala.jpg"> dimana src atau search digunakan untuk mencari nama gambar yang akan kita ambil, dan difolder mana (karna gambar berada satu folder dengan script html jadi kita tidak perlu menambahkan letak folder). sedangkan koala adalah nama file gambarnya. dan .jpg adalah extensionya.
Next Chapter >> Merubah Ukuran Gambar dengan Attribut Width, Tag Image HTML
Posting Komentar