Belajar HTML | HTML Images ( gambar )

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 >>


8 komentar:

Diberdayakan oleh Blogger.