14 Feb 2011

Studi Kasus Modul 2 - Prak Pemrograman Berbasis Web

0 komentar
==> Membuat halaman web dengan memanfaatkan elemen tabel dan hyperlink.
***membuat tabel yang terdiri dari 3 tab menu seperti berikut :
--> berikut script html-nya :


<!DOCTYPE HTML>
<html lang = "en">
<head>

<title>My Stuff</title>
</head>
<body >
<center><font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>
<br>
<br>
<table align ="center" border ="0" cellspacing=0>
<tr>
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>
<th width = "150" height = "40" bgcolor = "#98FB98">
<a href="http://localhost/pertemuan2/filmmystuff.html">Film</a></th>
<th width = "15" height = "40" bgcolor = "white"></th>
<th width = "150" height = "40" bgcolor = "#98FB98">
<a href="http://localhost/pertemuan2/dokumenmystuff.html">Dokumen</a></th>
<th width = "15" height = "40" bgcolor = "white"></th>
<th width = "150" height = "40" bgcolor = "#98FB98">
<a href="http://localhost/pertemuan2/musikmystuff.html">Musik</a></th>
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>
</tr>

<tr>
<td colspan=7 bgcolor = "#87CEFA" align="center">
&copy; Rista Rusdianawati
</td>
</tr>
</table>
</body>
</html>


***Jika di-click pada salah satu menu, maka akan menunjukkan isi yang berbeda. Tiap halaman berisi link untuk mendownload data yang telah disediakan.
--> Ini adalah isi menu Film :
--> berikut script html-nya :
<!DOCTYPE HTML>  
<html lang = "en">  
<head>  
<title>Film</title>  
</head>  
<body>  
<center>  
<font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>  
  
<table align = "center" border ="0" cellspacing=0>  
<tr>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
<th width = "150" height = "40" bgcolor = "#FFA500">  
<a href="http://localhost/pertemuan2/filmmystuff.html">Film</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/dokumenmystuff.html">Dokumen</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/musikmystuff.html">Musik</a></th>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
</tr>  
<tr>  
<td bgcolor="#87CEFA"></td>  
<td colspan=5 bgcolor = "#FFA500">  
<ol>  
<li><a href = "film1.avi">Emak Pengen Naik Haji</a></li>  
<li><a href = "film2.avi">Laskar Pelangi</a></li>  
<li><a href = "film3.avi">Sang Pemimpi</a></li>  
<li><a href = "film4.avi">Satu Jam Saja</a></li>  
<li><a href = "film5.avi">Ketika Cinta Bertasbih</a></li>  
</ol></td>  
<td bgcolor="#87CEFA"></td>
</tr>  
<tr>  
<td colspan=7 bgcolor = "#87CEFA" align="center">  
&copy; Rista Rusdianawati  
</td>

</table>  
</body>  
</html>


--> Ini adalah isi menu Dokumen :
--> Berikut script html-nya :

<!DOCTYPE HTML>  
<html lang = "en">  
<head>  
<link rel="shortcut icon" href="http://localhost/modul2/studikasus/images/icon.ico">  
<title>Dokumen</title>  
</head>  
<body>  
<center>  
<font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>
   
<table align = "center" border ="0" cellspacing=0>  
<tr>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/filmmystuff.html">Film</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#FFA500">  
<a href="http://localhost/pertemuan2/dokumenmystuff.html">Dokumen</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/musikmystuff.html">Musik</a></th>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
</tr> 
<tr>  
<td bgcolor="#87CEFA"></td>  
<td colspan=5 bgcolor = "#FFA500">  
<ol>  
<li><a href = "buku1.doc">Pemrograman Dasar VB.NET</a></li>  
<li><a href = "buku2.doc">Dasar Pemrograman Web</a></li>  
<li><a href = "buku3.doc">Matematika Teknik I</a></li>  
<li><a href = "buku4.doc">Manajemen Pendidikan Kejuruan</a></li>  
<li><a href = "buku5.doc">Perkembangan Peserta Didik</a></li>  
</ol>
</td>  
<td bgcolor="#87CEFA"></td>  
<tr>  
<td colspan=7 bgcolor = "#87CEFA" align="center">  
&copy; Rista Rusdianawati 
</td>  
</table>  
</body>  
</html>

--> Ini adalah isi menu musik :

--> Berikut adalah script html-nya :

n;padding:0 10px 0 0;margin:0;">

<!DOCTYPE HTML>  
<html lang = "en">  
<head>  
<link rel="shortcut icon" href="http://localhost/modul2/studikasus/images/icon.ico">  
<title>Musik</title>  
</head>  
<body>  
<center>  
<font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>
   
<table align = "center" border ="0" cellspacing=0>  
<tr>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/modul2/studikasus/film.html">Film</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/modul2/studikasus/dokumen.html">Dokumen</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#FFA500">  
<a href="http://localhost/modul2/studikasus/music.html">Musik</a></th>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
</tr> 
<tr>  
<td bgcolor="#87CEFA"></td>  
<td colspan=5 bgcolor = "#FFA500">  
<ol>  
<li><a href = "musik.mp3">Sempurna - Andra & The Backbone</a></li>  
<li><a href = "musik.mp3">Ya Sudahlah - Bondan feat Fade2Black</a></li>  
<li><a href = "musik.mp3">Cinta Kita - Teuku Wisnu feat Shiren Sungkar</a></li>  
<li><a href = "musik.mp3">Drive - Akulah Dia</a></li>  
<li><a href = "musik.mp3">Taxi - Hujan Kemarin</a></li>  
</ol>
</td>  
<td bgcolor="#87CEFA"></td>  
<tr>  
<td colspan=7 bgcolor = "#87CEFA" align="center">  
&copy; Rista Rusdianawati 
</td>  
</table>  
</body>  
</html>





silahkan mencoba......

Studi Kasus Modul 1 - Prak Pemrograman Berbasis Web

0 komentar
==> Membuat halaman web sederhana yang melibatkan elemen teks, gambar, garis, dan warna.

inilah hasil tampilannya :

dan berikut adalah script html-nya :


<!DOCTYPE HTML>
<html lang="en">
<head>
<title>studi kasus</title>
<link rel="shortcut icon" href="icon.gif">
</head>
<body>
<body background="putihbiru.jpg">


<hr color="black"></hr>
<font face="jokerman">
<h1 align="center" font color="black">MY PROFIL</img></h1></font>
<hr color="black"></hr>

<ol>
<li><b>Picture :</b><br/><img src="rist.jpg" align="left" alt="aku" width="100" border="3" border="grey"></li><br/><br/><br/><br/><br/><br/><br/><br/>
<li><b>Name :</b><br/>Rista Rusdianawati</li>
<li><b>Place and Date of Birth :</b><br/>Trenggalek, 28 februari 1991</li>
<li><b>Education :</b><br/>Education of Informatic Engineering, Electrical Department, State University of Malang</li>
<li><b>Activities :</b><br/>
<ul>
<li>study</li>
<li>pray</li>
</ul>
<li><b>Interest :</b><br/>Playing Badminton, Fishing, ...</li>
</ol>
<hr color="black" width="550" align="left"></hr>
</body>
</html>

silahkan dicoba.....

Tugas Praktikum Modul 1&2 - Praktikum Pemrograman Berbasis Web

0 komentar
1. Tugas Praktikum 1 Modul 2 - Membuat grafik batang statis dengan memanfaatkan elemen tabel.


--> inilah hasil tampilannya :


--> berikut adalah scriptnya :

<!DOCTYPE HTML>  
<html lang="en">    
<head>  
<title>diagram elemen tabel</title>  
</head>  
<link rel="shortcut icon" href="lucu.gif">
  
<body>  
<font face="Aharoni">
<table width="500" height="280" border="0" cellpadding="0" cellspacing="0">   
<caption><b>GRAFIK PERBANDINGAN SIKAP</caption></b>
<tr> <!--baris pertama--> 
    <td width="20">100</td> 
    <td width="10" bgcolor="#000000"></td>  
    <td width="20"></td> 
    <td width="20"></td>  
    <td width="20"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
    <td width="22"></td>  
<td width="22"></td> 
<td width="22"></td> 
  </tr>  
  <tr> <!--baris kedua--> 
    <td></td>
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td>&nbsp;</td>
  </tr>  
  <tr> <!--baris ketiga--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td> 
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris keempat--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td> 
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris kelima--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td> 
    <td bgcolor="#FFFF00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>
<td></td>
<td></td>
<td></td>
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris keenam--> 
    <td>50</td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>
    <td bgcolor="#FFFF00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#00FFFF"></td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris ketujuh--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#0000FF"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris kedelapan--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris kesembilan--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#33FFFF"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris kesepuluh--> 
    <td></td>  
    <td width="5" bgcolor="#000000"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000CC"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#33FFFF"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td></td>  
    <td bgcolor="#FF0000"></td>  
    <td bgcolor="#0000FF"></td>  
    <td bgcolor="#00CC00"></td>  
    <td bgcolor="#FFFF00"></td>  
    <td bgcolor="#00FFFF"></td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  <!--baris kesebelas--> 
    <td height="6">0</td>  
    <td width="6" height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000"></td>  
    <td height="6" bgcolor="#000000">&nbsp;</td>  
  </tr>  
  <tr>  <!--baris keduabelas--> 
    <td></td>
<td></td>
<td></td>
    <td colspan="5"><div align="center">Rista</div></td>  
    <td></td>  
    <td colspan="5"><div align="center">Dania</div></td>  
    <td></td>  
    <td colspan="5"><div align="center">Dian</div></td>  
    <td></td>  
    <td colspan="5"><div align="center">Yeyen</div></td>  
    <td>&nbsp;</td>  
  </tr>  
</table>  
  
  
<p>Keterangan :</p>  
<table width="190" border="0" cellspacing="0">  
  <tr>  
    <td width="35" bgcolor="#FF0000"></td>  
    <td align="center">:</td>
<td>Pemberani</td>  
  </tr>  
  <tr>  
    <td bgcolor="#0000FF"></td>
<td align="center">:</td>
    <td>Pekerja Keras</td>  
  </tr>  
  <tr>  
    <td bgcolor="#00CC00"></td>
<td align="center">:</td>
    <td>Baik Hati</td>  
  </tr>  
  <tr>  
    <td bgcolor="#FFFF00"></td>
<td align="center">:</td>
    <td>Narsis</td>  
  </tr>  
  <tr>  
    <td bgcolor="#00FFFF"></td>
<td align="center">:</td>
    <td>Lebay</td>  
  </tr>  
</table>  
  
</font>  
</body>  
</html>

2. Tugas Praktikum 2 Modul 2 - Membuat desain tabel dengan memanfaatkan fitur pengelompokan.


--> inilah hasil tampilnnya :

berikut adalah scriptnya :
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>tabel fitur pengelompokan</title>
</head>
<link rel="shortcut icon" href="dia.gif">


<body>
<table border="2" rules="groups" cellspacing="1" cellpadding="2" frame="hsides"><colgroup align="center"></colgroup><colgroup align="left"></colgroup><colgroup align="center"></colgroup><colgroup align="center"></colgroup>
<caption>PERBANDINGAN SIKAP</caption>
<tbody><b>
<tr>
<th width="25">No.</th>
<th width="160">Spesifikasi Sikap</th>
<th width="50">Poin </th>
<th width="70">Rista </th>
<th width="70">Dania</th>
</tr>
</tbody></b>


<tbody>
<tr>
<td align="center">1</td>
<td>Rajin</td>
<td align="center">5</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>


<tr>
<td align="center">2</td>
<td>Penyayang Teman</td>
<td align="center">4</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>

<tr>
<td align="center">3</td>
<td>Baik Hati</td>
<td align="center">3</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>

<tr>
<td align="center">4</td>
<td>Tidak Sombong</td>
<td align="center">2</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>

<tr>
<td align="center">5</td>
<td>Suka Olahraga</td>
<td align="center">1</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
</tbody>


<tbody>
<tr>
<td align="center">6</td>
<td>Pemalas</td>
<td align="center">-5</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>

<tr>
<td align="center">7</td>
<td>Suka tidur</td>
<td align="center">-4</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>

<tr>
<td align="center">8</td>
<td>Narsis</td>
<td align="center">-3</td>
<td align="center">-</td>
<td align="center">X</td>
</tr>

<tr>
<td align="center">9</td>
<td>Gampang GR</td>
<td align="center">-2</td>
<td align="center">-</td>
<td align="center">X</td>
</tr>

<tr>
<td align="center">10</td>
<td>Pendendam</td>
<td align="center">-1</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
</tbody>


<tbody>
<tr>
<th width="350" colspan=3>Jumlah poin</th>
<td align="center">11</td>
<td align="center">0</td>
</tr>
</tbody>
</table>


<i>Source : Hasil Penelitian Sikap Penduduk Teram GAMA 9</i><br/>
&copy;RistaRusdianawati


</body>
</html>


Silahkan dicoba.....