Setelah Sebelumnya kita belajar tentang membuat Web Sederhana, kali ini saya akan menjelaskan sedikit tentang cara membuat tabel dan menghubungkan dengan link di halaman Web. Berikut adalah scriptnya :
1. Tabel Pertama ("Beri Nama TABEL 1.htm")
<!DOCTYPE HTML>
<html>
<head>
<meta
http-equiv="content-type" content="text/html" />
<meta
name="author" content="crude" />
<title>TABEL
TEKA TEKI 1-a</title>
</head>
<body>
<table border="1">
<caption>Data Kuliah</caption>
<tr>
<th rowspan=2
width="150">NIM</th>
<th rowspan=2
width="150">NAMA</th>
<th rowspan=2
width="150">KELAS</th>
<th colspan=2
width="150">KETERANGAN</th>
</tr>
<tr>
<th
width="75">LULUS</th>
<th
width="75">TIDAK LULUS</th>
</tr>
<tr>
<td>1421140161</td>
<td>ANDI</td>
<td
align="center" rowspan=4>MI - 6</td>
<td
align="center" rowspan=2> V </td>
<td
align="center" rowspan=2> - </td>
</tr>
<tr>
<td>1421140162</td>
<td>BUDI</td>
</tr>
<tr>
<td>1421140163</td>
<td>CACA</td>
<td
align="center" rowspan=3> - </td>
<td
align="center" rowspan=3> V </td>
</tr>
<tr>
<td>1421140164</td>
<td>DEDI</td>
</tr>
<tr>
<td>1421140165</td>
<td>ELI</td>
<td
align="center">MI - 7</td>
</tr>
</table>
</body>
</html>
Dan ini adalah Hasilnya
2. Tabel Kedua (Beri Nama "TABEL 2.htm")
<!DOCTYPE HTML>
<html>
<head>
<meta
http-equiv="content-type" content="text/html" />
<meta
name="author" content="crude" />
<title>TABEL
TEKA TEKI 1-b</title>
</head>
<body>
<table>
<tr>
<th
bgcolor=#b8cce4 colspan=7><br>PROVINSI JAWA TIMUR <br/>KOTA
SURABAYA<br /><br /></th>
</tr>
<tr>
<td>NIK</td>
<td
width=30 align="center">:</td>
<th
align="left" colspan=2>35081021103900003</th>
</tr>
<tr>
<td>NAMA</td>
<td width=30
align="center">:</td>
<th
align="left" colspan=4>Gubernur Suryo</th>
<th
bgcolor=#f0ece0 rowspan=5 width=150>Foto</th>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td width=30
align="center">:</td>
<th
align="left" colspan=2>Surabaya, 11 Maret 1990</th>
</tr>
<tr>
<td>Jenis
Kelamin</td>
<td width=30
align="center">:</td>
<th
align="left" colspan="2">Laki-laki</th>
<td>Gol
Darah :</td>
<th
align="left" width=50>B</th>
</tr>
<tr>
<td>Alamat</td>
<td width=30
align="center">:</td>
<th
align="left">Jl. Pemuda</th>
</tr>
<tr>
<td>RT/RW</td>
<td width=30
align="center">:</td>
<th
align="left">002 / 025</th>
</tr>
<tr>
<td>Desa/Kel</td>
<td width=30
align="center">:</td>
<th
align="left">Rungkut</th>
</tr>
<tr>
<td>Kecamatan</td>
<td width=30
align="center">:</td>
<th
align="left">Rungkut</th>
</tr>
<tr>
<td>Agama</td>
<td width=30
align="center">:</td>
<th
align="left" colspan="2">Rungkut</th>
<td>Status :</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td width=30
align="center">:</td>
<th
align="left" colspan="2">Pelajar / Mahasiswa</th>
</tr>
<tr>
<td>Berlaku
hingga</td>
<td width=30
align="center">:</td>
<th
align="left" colspan="2">11 Maret 2014</th>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td width=30
align="center">:</td>
<th
align="left" colspan="2">WNI</th>
</tr>
<tr>
<td
bgcolor=#91d250 colspan=7 ><br/>Syarat pengambilan KTP :
<ol>
<li>Membawa
pas foto ukuran 3x4 berwarna</li>
<li>Membawa
KTP lama</li>
<li>Membawa
Kartu Keluarga</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
Dan ini adalah Hasilnya
Kemudian Hubungkan Kedua Tabel menggunakan Link, Caranya :
Ketik script berikut di Halaman "TABEL 1.htm" dibawah script </table>
<br/>
<a href="TABEL 2.htm">Menuju Tabel
2</a>
Kemudian ketik script berikut di "TABEL 2.htm" dibawah script </table>
</br>
<a href="TABEL 1.htm">Menuju Tabel 2</a>
Dan Hasilnya
Demikian Sekilas Cara Membuat Tabel dan Link di Web
