13 December 2007

Filled Under:

Menyisipkan Gambar

Menyisipkan gambar dalam dokumen html berfungsi untuk menambah daya tarik, mempertegas maksud, sebagai keterangan dan menghilangkan kejenuhan. Namun dengan memasukan gambar berarti akan menambah besarnya ukuran file html yang akan berdampak pada menurunnya kinerja/melambatnya waktu tampili atau load dari halaman website. Untuk itu sebisa mungkin jangan terlalu banyak memasukan gambar dalam halaman web, agar waktu load lebih cepat.

Untuk memasukan gambar kedalam dokumen html kita menggunakan tag <img> dan penulisannya adalah.

<img src="sumber /alamat gambar" [properti]>

Properti yang ada pada tag gambar adalah :

a. Align
berfungsi untuk mengatur perataan gambar. Align dibagi menjadi 2 bagian yaitu bagian horizontal (left, center, right) dan vertikal (top, middle dan bottom). Penulisannya adalah .

<img src="sumbergambar" align="left/right/center/top/middle/bottom">

b. Width
Berfungsi untuk mengatur ukuran tinggi dan lebar gambar dalam persen (%) atau pixel (px). Penulisannya adalah.

<img src="sumbergambar" width="ukuran" height="ukuran">

c. Alt
Alt atau alternatetext digunakan untuk menampilkan teks pada saat kursor mouse berada di atas gambar. Penulisannya adalah.

<img src="sumbergambar" alt="teks/judul gambar">


Menjadikan Gambar sebagai Link

Untuk menjadikan gambar sebagai link cukup dengan mengapit gambar diantara tag link. Penulisannya.

<a href="tujuan_link"><img src="sumbergambar" alt="judul gambar"></a>

0 comments:

Post a Comment

Silahkan berkomentar dengan bijak, tapi jangan spam !