Senin, 26 September 2011

Menyisipkan Image

Halaman web yang menarik, biasanya menampilkan gambar-gambar untuk menarik pengunjung masuk kedalamnya, bayangkan saja jika situs tersebut hanya menampilkan tulisan saja, tentu amat membosankan. HTML menyediakan fasilitas untuk menampilkan gambar di halaman web kita menggunakan tag <IMG>. Tag <IMG> memiliki bermacam atribut seperti SRC yang digunakan untuk menentukan lokasi gambar yang akan ditampilkan, ALT sebagai teks pengganti apabila ada browser yang tidak mendukung grafik, BORDER berfungsi untuk memberikan suatu border di sekeliling gambar, Height dan weight berfungsi untuk menentukan tinggi atau lebar suatu gambar dalam halaman web kita (dalam ukuran pixel), HSPACE dan VSPACE berfungsi menentukan jarak spasi dengan objek disekitar gambar secara horiontal maupun vertikal.

Jenis format image yang sering digunakan adalah :
- GIF (Graphical Interchange Format)
- JPEG (Joint Photographic Expert Image)
- PNG (Portable Network Graphics)

Bentuk Umum :
<img src="...." border=... height=... width=... vspace=... hspace= ... align="...">

Contoh:

<HTML>
<HEAD>
<TITLE> Penggunaan Attribute dalam Image </TITLE>
</HEAD>
<BODY BGCOLOR="#f59630" TEXT=BLACK LINK=BLUE VLINK=PURPLE ALINK=RED >
<font size=3>
<pre>
Bagian ini mencoba menggunakan halaman web dengan background warna, dalam keadaan standard text berwarna hitam
dan jika halaman web ini menggunakan link, warna teks yang berfungsi sebagai link berwarna biru dan ketika link diklik berwarna merah serta
ketika selesai mengklik berwarna purple.
<a href="lat4.html">Memanggil latihan 4 </a></font>

Kalau yang ini mau menampilkan gambar
<!--
<img src="../bahan/perform4.gif" border=3 width="250" height="275" alt="myPicture" align="right">
-->
<img src="../bahan/perform4.gif" border=3 width="250" height="275" alt="myPicture" hspace="30" vspace="20">
</pre>

</BODY>
</HTML>

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More