.:: Selamat Datang Semoga Blog Ini Bermanfaat Bagi Pengunjung Sekalian ::.

Rabu, 24 November 2010

Capture Tugas Teknik Pemodelan dan Simulasi (Content 5)

Gambar. Content 5

.:: Contoh soure code HTML gambar content 5 ::.

<html>
<head>
<! Bagian dari dokumen HTML>
<title>Tabel</title>
</head>
<body bgcolor=#585858>
<center>
<h1><font face=Georgia color=#009fff>Tabel</font></h1>

<table border width=70% align=center>

 
<caption><b>Judul Tabel</b></caption>

<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</th>
</tr>
<tr>
<td align=left>Left</td>
<td align=center>center</td>
<td align=right>right</td>
</tr>
<tr height=50%>
<td valign=top>top</td>
<td valign=middle>middle</td>
<td valign=bottom>bottom</td>
</tr>

</table>

<center>

<hr size=5 width=20% color=green>


<address>
Nama = Abdurrahman Latif <br>
Tempat Tanggal Lahir = Jakarta, 26 Januari 1990 <br>
Alamat= Jl. Baratasena II Blok BB 4 No.19 <br>
Ciputat - Tangerang Selatan <br>
021-74705059 <br>
021-91167920 <br>
japan_script@yahoo.com <br>
latif-frontline.blogspot.com <br>
</address>

<hr size=5 width=30% color=red>
</center>
</body>
</html>

Capture Tugas Teknik Pemodelan dan Simulasi (Content 4)

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>