Guest Book
Guest Book

Monday, June 20, 2011

HTML Dasar #4

Di tutorial kali ini kita akan memasukan gambar kedalam sebuah halaman web.

Web tanpa gambar memang loading nya lumayan cepat karena tidak harus me-load gambar-gambar tersebut,tetapi tanpa gambar sepertinya ada yang kurang gitu :P


Memasukan gambar sebenarnya cukup gampang,yaitu dengan menggunakan tag <img>,misalnya kita akan memasukan gambar bernama kucing dan ber ekstensi jpg yang telah berada 1 direktori dengan halaman web kita, jadi kita menggunakan <img src="kucing.jpg">.

Saya menggunakan file .jpg,jika menginginkan gambar yang resolusinya bagus, .gif jika ingin ada animasinya dan .png untuk background yang transparan.

Memberi gambar sebagai latar suatu web juga bisa kok,dengan cara menambahkan atribut pada tag <body> , menjadi <body background="kucing.jpg">

Anda juga bisa mengatur tinggi,lebar,border dan juga nama jika cursor berada diatas gambar tersebut dengan menambahkan atribut : height , width , border , dan alt ,contoh <img src="kucing" height="20px" width ="10px" border="1" alt="kucing saya".

Nah,semoga dengan ini ilmu anda dapat bertambah :)

0 comments:

Post a Comment