HTML DASAR (bab4a) : Menampilkan Gambar

Diposting oleh Unknown di 18.52 Selasa, 20 November 2012 0 komentar

Sebelum melakukan Latihan kali ini, siapkan file gambar (terserah Anda, tetapi usahakan file gambar yang ber-ektensi *.gif/jpg/jpeg/png)dan letakkan di : "My Documents/LatihanWeb/BAB4/ "
Untuk menampilkan gambar digunakan Tag <IMG>, atribut <IMG> antara lain :
- SRC = Letak gambar yang akan ditampilkan.
- ALIGN = Mengatur posisi teks pada gambar.
- BORDER= Untuk memberi bingkai pada gambar.
- HEIGHT= Untuk mengatur tinggi gambar.
- WIDTH = Untuk mengatur lebar gambar.
- ALT = Untuk memberikan tampilan teks ketika crusor berada di atas gambar.



MEMBUAT TAMPILAN GAMBAR :
save di   : My Documents\LatihanWeb\Bab4\
nama file : bab4a.html

<HTML>
<HEAD>
<TITLE>LATIHAN MENAMPILKAN GAMBAR</TITLE>
</HEAD>
<BODY>
<CENTER><H1>WELCOME TO MY PAGES</H1></CENTER>
<P>
  <IMG SRC="sunset.gif ALIGN="RIGHT" ALT="gambar matahari tenggelam">
  ini adalah gambar dengan nama : sunset.gif
</p>
<P>
  <IMG SRC="bunga.gif ALIGN="CENTER" ALT="gambar bunga">
  ini adalah gambar dengan nama : bunga.gif
</p>
</BODY>
</HTML>

 
Langganan: Postingan (Atom)