Beranda > Home > Belajar HTML | HTML Images ( gambar )

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

  1. sss
    April 19, 2012 pukul 3:29 pm
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: