• ..


Dengan memanfaatkan elemen tabel dan hyperlink, kita bisa membuat web yang menyuguhkan tampilan indexing.
Untuk itu, kita perlu membuat halaman-halaman yang ingin dikaitkan. Pada contoh kali ini, saya membuat 3 halaman yang akan saya kaitkan.
Agar lebih jelasnya, langsung saja kita lihat kode HTML-nya dibawah ini.

<!DOCTYPE HTML>
<HTML lang="en">
 <head>
  <title>Download Dataku</title>
  <LINK REL="SHORTCUT ICON" HREF="/Prak.BPW/images/ICON%20AJAH/Microsoft%20Xbox.ico"/>
 </head>
 <body>
 <table border=0 cellspacing=0 cellpadding=5>
 <caption align="center">Download Dataku<br /><br /></caption>
  <tr align="center">
   <td bgcolor="#4aab5d" rowspan=8 width=10></td>
   <td width=1></td>
   <td bgcolor="#00c72f" width=250><a href="/Prak.BPW/Mod2-StudiFilm.html">Film</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" width=250><a href="/Prak.BPW/Mod2-StudiDokumen.html">Dokumen</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" width=250><a href="/Prak.BPW/Mod2-StudiMusic.html">Musik</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" rowspan=8 width=10></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" rowspan=7 width=1></td>
   <td bgcolor="#00c72f" colspan=5></td>
   <td bgcolor="#00c72f" rowspan=7 width=2></td>
  </tr>
    <!--LINK URL DIBAWAH INI BERSIFAT STATIS, GANTI DENGAN LINK ANDA-->
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiFilm.html">1. Devil's Playground</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiFilm.html">2. Blackjack</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiFilm.html">3. Harry Potter 1-7</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiFilm.html">4. The Lord of The Ring 1-3</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiFilm.html">5. Wanted</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5></td>
  </tr>
  <tr>
   <td bgcolor="#4aab5d" colspan=9 align="center"><i>&copy; haqiphoenix</i></td>
  </tr>
 </table>
 </body>
</html>





Kode HTML yang KEDUA, KETIK kode di halaman yang berbeda dengan kode sebelumya

<!DOCTYPE HTML>
<HTML lang="en">
 <head>
  <title>Download Dataku</title>
  <LINK REL="SHORTCUT ICON" HREF="/Prak.BPW/images/ICON%20AJAH/Microsoft%20Xbox.ico"/>
 </head>
 <body>
 <table border=0 cellspacing=0 cellpadding=5>
 <caption align="center">Download Dataku<br /><br /></caption>
  <tr align="center">
   <td bgcolor="#4aab5d" rowspan=8 width=10></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" width=250><a href="/Prak.BPW/Mod2-StudiFilm.html">Film</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" width=250><a href="/Prak.BPW/Mod2-StudiDokumen.html">Dokumen</a></td>
   <td width=1></td>
   <td bgcolor="#00c72f" width=250><a href="/Prak.BPW/Mod2-StudiMusic.html">Musik</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" rowspan=8 width=10></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" rowspan=7 width=1></td>
   <td bgcolor="#00c72f" colspan=5></td>
   <td bgcolor="#00c72f" rowspan=7 width=2></td>
  </tr>
    <!--LINK URL DIBAWAH INI BERSIFAT STATIS, GANTI DENGAN LINK ANDA-->
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiMusic.html">1. Avenged Sevenfold (FULL ALBUMS)</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiMusic.html">2. Iwan Fals (FULL ALBUMS)</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiMusic.html">3. Peterpan (FULL ALBUMS)</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiMusic.html">4. WESTLIFE (FULL ALBUMS)</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiMusic.html">5. WALI (FULL ALBUMS)</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5></td>
  </tr>
  <tr>
   <td bgcolor="#4aab5d" colspan=9 align="center"><i>&copy; haqiphoenix</i></td>
  </tr>
 </table>
 </body>
</html>



Kode HTML yang KETIGA, KETIK dihalaman yang berbeda dengan sebelumnya

<!DOCTYPE HTML>
<HTML lang="en">
 <head>
  <title>Download Dataku</title>
  <LINK REL="SHORTCUT ICON" HREF="/Prak.BPW/images/ICON%20AJAH/Microsoft%20Xbox.ico"/>
 </head>
 <body>
 <table border=0 cellspacing=0 cellpadding=5>
 <caption align="center">Download Dataku<br /><br /></caption>
  <tr align="center">
   <td bgcolor="#4aab5d" rowspan=8 width=10></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" width=250><a href="/Prak.BPW/Mod2-StudiFilm.html">Film</a></td>
   <td width=1></td>
   <td bgcolor="#00c72f" width=250><a href="/Prak.BPW/Mod2-StudiDokumen.html">Dokumen</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" width=250><a href="/Prak.BPW/Mod2-StudiMusic.html">Musik</a></td>
   <td width=1></td>
   <td bgcolor="#4aab5d" rowspan=8 width=10></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" rowspan=7 width=1></td>
   <td bgcolor="#00c72f" colspan=5></td>
   <td bgcolor="#00c72f" rowspan=7 width=2></td>
  </tr>
  <!--LINK URL DIBAWAH INI BERSIFAT STATIS, GANTI DENGAN LINK ANDA-->
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiDokumen.html">1. E-Book Indonesia</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiDokumen.html">2. Operating System - Williams S.</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiDokumen.html">3. Harry Potter 1-7</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiDokumen.html">4. The Lord of The Ring 1-3</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5><a href="/Prak.BPW/Mod2-StudiDokumen.html">5. PHP Manual Documentation</a></td>
  </tr>
  <tr>
   <td bgcolor="#00c72f" colspan=5></td>
  </tr>
  <tr>
   <td bgcolor="#4aab5d" colspan=9 align="center"><i>&copy; haqiphoenix</i></td>
  </tr>
 </table>
 </body>
</html>