Dalam Belajar HTML, fungsi html images ( html gambar ) adalah untuk menampilkan gambar pada sebuah tag HTML.

lihat contoh html gambar berikut :

                                       
cobalah sendiri »


oke, sekarang lihat contoh penggunaan pada html gambar berikutnya :

insert images
Bagaimana menampilakan gambar pada document HTML
Insert images from different locations
Bagaimana menampilkan gambar pada folder document anda



HTML Images - tag <img> dan Src Attribute di gunakan dalam menampilkan gambar pada document HTML

Kita bisa lihat dalam contoh di atas bahwa penggunaan tag <img> selalu di ikuti dengan tag src .

syntax sederhana dari penggunaan html tersebut adalah sebagai berikut :

<img src="alamat url gambar"/>


HTML Images - Dapat menggunakan Alt Attribute

Dalam hal membuat gambar pada document HTML, kita harus menggunakan tag ALT agar mesin pencari dapat membacanya.

mesin pencari tidak bisa membaca tag gambar, oleh karena kita harus tambahkan tag ALT agar gambar tersebut dapat terbaca oleh mesin pencari.

contoh penggunaan tag ALT pada tag <img> :
<img src="boat.gif" alt="Big Boat" />


HTML Images - Mengatur lebar dan panjang gambar


Kita pun dapat mengatur panjang (width) dan lebar (height) pada tag <img>

contoh penggunaan tag width dan height pada gambar :
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />




oke, sudah cukup penjelasan tentang attribut html gambar nya, sekarang kita coba dengan contoh - contoh yang di sertakan dengan tag - tag yang dapat di gunakan pada tag <img> di bawah ini :


Aligning images
Bagaimana mengatur align (posisi) text dalam gambar
Let the image float
Bagaimana mengatur gambar dan paragraf dalam satu tag HTML
Make a hyperlink of an image
Bagaimana menambahkan link pada gambar
Create an image map
Bagaimana menambahkan map (peta) pada gambar dengan menggunakan hyperlink .



oke, kita akan lanjut ke tutorial belajar html selanjutnya....




<< HTML Link : Sebelumnya                                                        Selanjutnya : HTML Tabel >>




Posting Lama Posting Lebih Baru

Comments :

ada 8 komentar ke “Belajar HTML | HTML Images ( gambar )”
Anonim mengatakan...
pada  

makasih bang...

Fendy Thahir mengatakan...
pada  

trimaksih banyak ilmunya, Bro. udah aku praktekin dan sukses.

obatherbal99 mengatakan...
pada  

terima kasih gan. langsg ke tkp

Mari berbisnis online mengatakan...
pada  

Aneh blogku, tag img gak paten fungsinya

Ahmad Lukman Nulhakim mengatakan...
pada  

Infonya menarik kang..

jily mengatakan...
pada  

tanks..

Jacky Liem mengatakan...
pada  

lengkap dan mudah dicoba...

Desain Interior Lampung mengatakan...
pada  

Gambarnya manteb jga tuh gan ehehhe

Poskan Komentar


Copyright © 2014 - Aldi Ferdiyan - My Facebook - Powered By Pasa Iklan / Pasang Iklan Gratis


"Belajar HTML | HTML Images ( gambar )"

Sewa Laptop Infonindo.com - Penyewaan Laptop - Sewa Laptop di jakarta - Warta kesehatan - Warta Sehat - Profil - Seks - alkes lab - Obat Penyakit Ibu Anak