Gambar. Content 4 |
.:: Contoh soure code HTML gambar diatas :
<html>
<head>
<! Bagian dari dokumen HTML>
<title>Gambar Dalam Web Page</title>
</head>
<body bgcolor=#585858>
<! Isi dari dokument HTML>
<h1 align=center><font color=#009fff>Gambar</font></h1>
<p><font face=courier color=#009fff>Anda dapat menambahkan gambar <img width=50 src="Wanted.jpg"> didalam semua web page anda. Gambar ini akan berada disebelah kiri dan kanan eks yang ada</font><br>
<p><img align=left width=50 src="Wanted.jpg"><font face=courier color=#009fff>Gunakan Attribut ALIGN=LEFT jika anda ingin meletakkan gambar disebelah kiri teks Anda seperti pada contoh ini.</font><br>
<p><img align=right width=50 src="Wanted.jpg"><font face=courier color=#009fff>Gunakan Attribut ALIGN=RIGHT jika anda ingin meletakkan gambar disebelah kiri teks Anda seperti pada contoh ini.</font><br>
<p><font face=courier color=#009fff>ALIGN=TOP Teks rata dengan bagian atas <img align=top width=50 src="Wanted.jpg"> gambar.</font>
<p><font face=courier color=#009fff>ALIGN=MIDDLE Teks rata dengan bagian tengah <img align=middle width=50 src="Wanted.jpg"> gambar.</font>
<p><font face=courier color=#009fff>ALIGN=BOTTOM Teks rata dengan bagian bawah <img align=bottom width=50 src="Wanted.jpg"> (default).</font>
<hr size =2 color=red>
<h2><font color=#009fff>WIDTH dan HEIGTH</font></h2>
<img width=80 heigth=80 align=left src="Wanted.jpg"> WIDTH=80<br><br><br>HEIGTH=80
<hr size =2 color=red>
<h2><font color=#009fff>ALT</font></h2>
<img src="Wanted.jpg" align=middle width=80 heigth=80 alt="Gambar Aku">
<hr size =2 color=red>
<dl>
<dt><img src="Wanted.jpg" width=50>Menu Satu
<dt><img src="Wanted.jpg" width=50>Menu Dua
<dt><img src="Wanted.jpg" width=50>Menu Tiga
<dt><img src="Wanted.jpg" width=50>Menu Empat
</dl>
<center>
<hr size=5 color=green width=40%>
<address>
Abdurrahman Latif<br>
JL. Bratasena II Blok BB 4 No.19 Perum. Reni Jaya Pamulang<br>
Ciputat - Tangerang Selatan<br>
Phone : 021-91167920<br>
E-mail : japan_script@yahoo.com<br>
</address>
<hr size=5 color=red width=60%>
</center>
</body>
</html>