burung twitter

Friday, August 10, 2012

MENAMBAHKAN IMAGE Pada HTML



Pernah kah kalian melihat gambar / image yang terlihat pada website yang kalian kunjungi??? Yaa, hal itu dapat dilakukan dengan menginput gambarnya didalam html. Gambar tersebut dapat berhasil diinputkan hanya jika file.html nya berada di satu folder yang sama dengan file gambarnya.
Cara mengiputkan gambar ke dalam web browser adalah dengan menggunakan :

<img src="file_gambar.jpg/gif">


Misalkan dalam suatu folder terdapat gambar :


                                                                               e.jpg

Kemudian dibuat script dibawah ini dan di save di dalam folder yang sama dengan gambar tersebut :

<html>
<head><title>image</title></head>
<body>
<center><img src="e.jpg"></center>
</body>
</html>


Setelah itu hasilnya akan seperti ini :


Tulisan yang berwarna merah di atas di ganti dengan file gambar yang anda miliki dengan berekstensi .jpg / .gif. mungkin ada yang bingung apa bedanya gambar.jpg dengan gambar.gif?? pernahkah kalian melihat ada sebuah gambar yang dapat bergerak layaknya suatu animasi di dalam suatu website?? Gambar tersebut adalah gambar yang berekstensi .gif dan jika kalian pernah melihat gambar yang tidak bergerak, itu adalah gambar yang berekstensi .jpg.

Sadarkah kalian di dalam script diatas terdapat <center> diantara <image scr>..? <center> digunakan untuk menentukan posisi yang kita inginkan, untuk hal ini posisi yang diinginkan adalah terletak di tengah. Selain berada di tengah anda juga bisa merubah posisi untuk kanan dengan menggunakan <right>. Loh kok gak ada kiri??? Hahahaha, untuk posisi kiri tidak usah diisikan apa apa nanti gambar secara otomatis berada di kiri kok.





Selamat Mencoba ^0^



Baca juga postingan lain mengenai :

direct by di
Label:

No comments:

Post a Comment

silahkan komentar disini

Subscribe to: Post Comments (Atom)