Memasukan Gambar Dalam HTML

KampusIT.com - Tag <img> merupakan tag yang digunakan untuk memasukan atau menampilkan image (Gambar ) dalam sebah halaman HTML. Kalau belum tau HTML silahkan kunjungi Apa Itu HTML ?.

Dalam Tag <img> tersimpan banyak sekali atribut-atribut yang bisa dimasukan ke dalam script. Dalam kesempatan ini ane bakalan kasih tau apa saja yang ada dalam tag <img>. Ini merupakan atribut yang paling dasar di <img>

Ada perbedaan  tag <img> dalam HTML dan XHTML . Didalam HTML tag <img> tidak diwajibkan metutup tagnya. tapi tag <img> dalam XHTML diwajibkan memakai tutup tag.

contoh scriptnya:

<img src="http://www.kampusit.com/gambar/amikom.jpg" height="20" width="20" align="center" border="2px #ff0000" alt="amikom" title="stmik amikom yogyakarta"/>

Ketererangan:

• src        : Merupakan tempat dimana gambar berada. Itu berarti terdapat dalam alamat tersebut.
• height   : Tinggi gambar untuk defaulnya 'px' tapi bisa pake '%' ex: "40%".
• width    : Lebar gambar sama seperti tinggi bisa memakai persen juga.
• align     : Kalau ini digunakan penempatan gambar. Bisa right [kanan], left [kiri], dan center [tengah]
• border  : Untuk memberi garis pinggir pada gambar tersebut. Bisa solid, dotted, dashes, outset dll
• alt         : Ini hanya tambahan untuk mendeteksi gambar yang dicari oleh user pada search engine.
• title       :  Atribut title berfungsi misal mouse diatas gambar maka title itu muncul.

Atribut segitu udah cukup untuk menyisipkan gambar ke dalam blog ataupun HTML. Dari pada banyak-banyak palah mumet hehehe .

semoga bermanfaat :D || Bingung Coment aja