<html>
<head>
<title>Gambar dalam web page</title>
</head>
<body>
<center>
<h1><font color =green>GAMBAR</font></h1>
</center>
Anda dapat menambahkan gambar <img src="1.jpg" width="50" size> di dalam semua web page anda. Gambar ini akan berada di sebelah kiri dan kanan teks yang ada.</br>
</br>
<p><img align=left src="1.jpg" width="50">Gunakan attribut ALIGN=LEFT jika anda ingin meletakkan gambar di sebelah kiri teks anda seperti dalam contoh ini.</br>
</br>
</br>
<p><img align=right src="1.jpg" width="50">Gunakan attribut ALIGN=RIGHT jika anda ingin meletakkan gambar di sebelah kiri teks anda seperti dalam contoh ini.</br>
</br>
</br>
<p>ALIGN=TOP Teks rata dengan bagian atas <img align=top src="1.jpg" width="50"> gambar.
</br>
</br>
<p>ALIGN=MIDDLE Teks rata dengan bagian atas <img align=middle src="1.jpg" width="50"> gambar.
</br>
</br>
<p>ALIGN=BOTTOM Teks rata dengan bagian atas <img align=bottom src="1.jpg" width="50"> (default) gambar.
</br>
</br>
<hr size="5">
<h2>WIDTH dan HEIGHT</h2>
<img width=100 height=90 src="1.jpg">
WIDTH=100, HEIGHT=90
<hr size="5">
<h2>ALT</h2>
Jika gambar tidak tampil akan digantikan sebuah teks alternatif dengan memberi attribut alt, saat gambar di sorot oleh mouse.</br>
<img src="alt.jpg" align=middle width=100 height=90 alt="Gambar diriku"></br>
Arahkan mouse pada gambar yang tidak tampil
<hr size="5">
<dl>
<dt><img src="1.jpg" width="10%"> Menu Satu
<dt><img src="1.jpg" width="10%"> Menu Dua
<dt><img src="1.jpg" width="10%"> Menu Tiga
<dt><img src="1.jpg" width="10%"> Menu Empat
</dl>
<hr size="5">
<center>
<h1>Tabel</h1>
<caption><b>Judul Tabel</b></caption>
<table width=70% height=70% border=1>
<tr>
<th>Baris 1 Kolom 1</th>
<th colspan=2>Baris 1 Kolom 2-3</th>
</tr>
<tr>
<th>Baris 2 Kolom 1</th>
<td rowspan=2>Baris 2-3 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr>
<tr>
<th>Baris 3 Kolom 1</th>
<td>Baris 3 Kolom 3</td>
</tr>
<tr>
<td align=left>LEFT</td>
<td align=center>CENTER</td>
<td align=right>RIGHT</td>
</tr>
<tr>
<td valign=top>TOP</td>
<td valign=middle>MIDDLE</td>
<td valign=bottom>BOTTOM</td>
</tr>
</table>
</center>
<center>
<hr width="25%" size="5" color="green">
<img src="1.jpg" width="20%">
<hr width="25%" size="5" color="green">
<address>
Nama : Brus Don Mardo </br>
TTL : Tangerang, 19 Juli 1989 </br>
NIM : 107091002264</br>
No.Tlp : 085781147591 </br>
E-mail : onyet.lovers@gmail.com </br>
Ym : bruz_moza </br>
Fb : onyet.lovers@gmail.com </br>
Blog : bruztechdunk.blogspot.com </br>
Alamat : Kp.Cikoneng Girang No.46 Kel. Manis Jaya Kec. Jaituwung Kota Tangerang-Banten
</address>
<hr size="5" color="blue">
</center>
</body>
</html>
Tidak ada komentar:
Posting Komentar