Image HTML
Sebuah gambar bebicara seribu kata, pepatah yang sering figunakan orang untuk menunjukkan, terkadang gambar bisa berbicaralebih baik dari penjelasan yang panjang lebar.
Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar untuk membuat orang tertarik untuk melihat dan membaca isi yabf ada di suatu web site.
Umumnya browser web dapat ditampilkan inline image (yaitu, gambar yang disajikan bersamaan dengan teks), yang mempunyai format X Bitmap (XBM), GIF, atau JPEG. Format-format gambar lain juga sedang ada yang digabungkan ke dalam browser web [misalnya : format PNG (Portable Network Grapich)]. Setiap gambar akan membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan suatu dokumen dalam browser. Karenanya hati-hati memilih gambar dan menyertakannya ke dalam suatu dokumen.
Untuk menyertakan sebuah inline image dalam dokumen web adalah :
<img src="nama image">
dengan nama image adalah URL dari file tersebut.
Contoh :
<html>
<body>
<p><font size="+2">Gambar :</font></p>
<p><img src="file:///D|/Documents/General/My Pictures/Crows Zero/1.jpeg" width="275" height="183"></p>
<p><font size="+2">Sebuah gambar bergerak :</font></p>
<p><marquee><img src="file:///D|/Documents/General/My Pictures/Crows Zero/2.jpeg" width="267" height="188"></marquee></p>
</body>
</html>
Alignment Image
Mengatur alignment :
- Bottom
- Middle
- Top
Contoh mengatur image dengan teks.
<html>
<body>
<p><font size="+2">Gambar : <img src="file:///D|/Documents/General/My Pictures/Crows Zero/1.jpeg" align="bottom" width="275" height="183"> Didalam text</font></p>
<p><font size="+2">An image: <img src="file:///D|/Documents/General/My Pictures/Crows Zero/2.jpeg" align="middle" width="267" height="188">Didalam text</font></p>
</body>
</html>
0 komentar:
Posting Komentar