hay gan bertemu lagi dengan saya, dalam kesempatan kalii ini saya akan memposting bagaimana cara membuat tabel dan formulir di html
langsung saja gan ini dia
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="mafni" />
<title>Tabel T2</title>
</head>
<body>
<table border="1" align="center" cellspacing="0" cellpadding="5" >
<caption align="center">DATA MAHASISWA</caption>
<tbody align="center" >
<tr>
<th rowspan="2">NIM</th>
<th rowspan="2">NAMA</th>
<th rowspan="2">KELAS</th>
<th colspan="2">KETERANGAN</th>
</tr>
<tr>
<th>LULUS</th>
<th>TIDAK LULUS</th>
</tr>
</tbody>
<tbody align="center">
<tr>
<td>109533423204</td>
<td>Aisah</td>
<td rowspan="4">MI-10</td>
<td rowspan="2">V</td>
<td rowspan="2">-</td>
</tr>
<tr>
<td>109533423205</td>
<td>Budi</td>
</tr>
<tr>
<td>109533423206</td>
<td>Dewi</td>
<td rowspan="3">-</td>
<td rowspan="3">V</td>
</tr>
<tr>
<td>109533423207</td>
<td>Edi</td>
</tr>
<tr>
<td>109533423208</td>
<td>Furi</td>
<td>MI-1</td>
</tr>
</tbody>
</table>
<center>Link Menuju Halaman Formulir</center>
<center><a href="form 1.htm" target="_top"><button>Formulir</button></a></center>
</body>
</html>
hasilnya:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="mafni" />
<title>Formulir</title>
</head>
<body>
<center><div style="width:670px;height:555px;border:2px solid black;" >
<table bgcolor="white" cellspacing="0" cellpadding="5" style="font-family: calibri; font-size:large;">
<tr bgcolor="#33ccff" >
<th colspan="4" bgcolor="#33ccff"><font size='+2'>PROPINSI JAWA TIMUR<br />KOTA SURABAYA </font></th>
</tr></style>
<tr>
<td width="150">NIK</td>
<td width="200" colspan="3" ><strong>: 35081021103900003</strong></td>
</tr>
<tr>
<td width="150">Nama</td>
<td width="200" colspan="2"><strong>: Gubernur Suryo</strong></td>
<td bgcolor="#D9D9D9" width="150" align="center" rowspan="5"><strong>Foto</strong></td>
</tr>
<tr>
<td width="150">Tempat/Tgl Lahir </td>
<td width="200" colspan="2"><strong>: Surabaya, 11 Maret 1990</strong></td>
</tr>
<tr>
<td width="150">Jenis Kelamin</td>
<td width="200"><strong>: Laki-laki</strong></td>
<td width="150">Gol Darah : <strong>B</strong></td>
</tr>
<tr>
<td width="150">Alamat</td>
<td width="200" colspan="2"><strong>: Jl. Pemuda 101</strong></td>
</tr>
<tr>
<td width="150">RT/RW</td>
<td width="200" colspan="2"><strong>: 002 / 025</strong></td>
</tr>
<tr>
<td width="150">Desa/Kel</td>
<td width="200" colspan="3"><strong>: Rungkut</strong></td>
</tr>
<tr>
<td width="150">Kecamatan</td>
<td width="200" colspan="3"><strong>: Rungkut</strong></td>
</tr>
<tr>
<td width="150">Agama</td>
<td width="200"><strong>: Islam</strong></td>
<td width="200" colspan="2">Status : </td>
</tr>
<tr>
<td width="150">Pekerjaan </td>
<td width="200" colspan="3"><strong>: Pelajar / Mahasiswa</strong></td>
</tr>
<tr>
<td width="150">Berlaku Hingga </td>
<td width="200" colspan="3"><strong>: 11 Maret 2014</strong></td>
</tr>
<tr>
<td width="150">Kewarganegaraan</td>
<td width="200" colspan="3"><strong>: WNI</strong></td>
</tr>
<tr>
<td bgcolor="#66ff99" colspan="4">Syarat Pengambilan e-KTP : <br />
<dd>1. Membawa pas foto ukuran<br />
<dd>2. Membawa KTP lama.<br />
<dd>3. Membawa Kartu Keluarga.</p>
</td>
</tr>
</table>
</div>
<br />
<center>Link menuju halaman data Mahasiswa</center>
<a href="table.htm" target="_top" title="D:table.htm"><button>TABEL</button></a>
</body>
</html>
hasilnya:
nah ini lah gan yang dapat saya posting pada kesempatan kali ini bye met jumpa di lain kesempatan
langsung saja gan ini dia
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="mafni" />
<title>Tabel T2</title>
</head>
<body>
<table border="1" align="center" cellspacing="0" cellpadding="5" >
<caption align="center">DATA MAHASISWA</caption>
<tbody align="center" >
<tr>
<th rowspan="2">NIM</th>
<th rowspan="2">NAMA</th>
<th rowspan="2">KELAS</th>
<th colspan="2">KETERANGAN</th>
</tr>
<tr>
<th>LULUS</th>
<th>TIDAK LULUS</th>
</tr>
</tbody>
<tbody align="center">
<tr>
<td>109533423204</td>
<td>Aisah</td>
<td rowspan="4">MI-10</td>
<td rowspan="2">V</td>
<td rowspan="2">-</td>
</tr>
<tr>
<td>109533423205</td>
<td>Budi</td>
</tr>
<tr>
<td>109533423206</td>
<td>Dewi</td>
<td rowspan="3">-</td>
<td rowspan="3">V</td>
</tr>
<tr>
<td>109533423207</td>
<td>Edi</td>
</tr>
<tr>
<td>109533423208</td>
<td>Furi</td>
<td>MI-1</td>
</tr>
</tbody>
</table>
<center>Link Menuju Halaman Formulir</center>
<center><a href="form 1.htm" target="_top"><button>Formulir</button></a></center>
</body>
</html>
hasilnya:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="mafni" />
<title>Formulir</title>
</head>
<body>
<center><div style="width:670px;height:555px;border:2px solid black;" >
<table bgcolor="white" cellspacing="0" cellpadding="5" style="font-family: calibri; font-size:large;">
<tr bgcolor="#33ccff" >
<th colspan="4" bgcolor="#33ccff"><font size='+2'>PROPINSI JAWA TIMUR<br />KOTA SURABAYA </font></th>
</tr></style>
<tr>
<td width="150">NIK</td>
<td width="200" colspan="3" ><strong>: 35081021103900003</strong></td>
</tr>
<tr>
<td width="150">Nama</td>
<td width="200" colspan="2"><strong>: Gubernur Suryo</strong></td>
<td bgcolor="#D9D9D9" width="150" align="center" rowspan="5"><strong>Foto</strong></td>
</tr>
<tr>
<td width="150">Tempat/Tgl Lahir </td>
<td width="200" colspan="2"><strong>: Surabaya, 11 Maret 1990</strong></td>
</tr>
<tr>
<td width="150">Jenis Kelamin</td>
<td width="200"><strong>: Laki-laki</strong></td>
<td width="150">Gol Darah : <strong>B</strong></td>
</tr>
<tr>
<td width="150">Alamat</td>
<td width="200" colspan="2"><strong>: Jl. Pemuda 101</strong></td>
</tr>
<tr>
<td width="150">RT/RW</td>
<td width="200" colspan="2"><strong>: 002 / 025</strong></td>
</tr>
<tr>
<td width="150">Desa/Kel</td>
<td width="200" colspan="3"><strong>: Rungkut</strong></td>
</tr>
<tr>
<td width="150">Kecamatan</td>
<td width="200" colspan="3"><strong>: Rungkut</strong></td>
</tr>
<tr>
<td width="150">Agama</td>
<td width="200"><strong>: Islam</strong></td>
<td width="200" colspan="2">Status : </td>
</tr>
<tr>
<td width="150">Pekerjaan </td>
<td width="200" colspan="3"><strong>: Pelajar / Mahasiswa</strong></td>
</tr>
<tr>
<td width="150">Berlaku Hingga </td>
<td width="200" colspan="3"><strong>: 11 Maret 2014</strong></td>
</tr>
<tr>
<td width="150">Kewarganegaraan</td>
<td width="200" colspan="3"><strong>: WNI</strong></td>
</tr>
<tr>
<td bgcolor="#66ff99" colspan="4">Syarat Pengambilan e-KTP : <br />
<dd>1. Membawa pas foto ukuran<br />
<dd>2. Membawa KTP lama.<br />
<dd>3. Membawa Kartu Keluarga.</p>
</td>
</tr>
</table>
</div>
<br />
<center>Link menuju halaman data Mahasiswa</center>
<a href="table.htm" target="_top" title="D:table.htm"><button>TABEL</button></a>
</body>
</html>
hasilnya:
nah ini lah gan yang dapat saya posting pada kesempatan kali ini bye met jumpa di lain kesempatan
About the Author
0Awesome Comments!