20161014

Tabel didalam Tabel

<html>
<head><title>table bersarang</title>
</head>
<body>
<table border="1">
<tr>
<td><b>Description</b></td>
<td><b>Qty</b></td>
<td align="right"><b>Price</b></td>
<td><b>Email account note</b></td>
</tr>
<td>Email account</td>
<td align="right">10</td>
<td align="right">$9.990</td>
<td rowspan=5>
<table border="1">
<tr>
<td>Mailbox</td>
<td>10GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>pop3</td>
<td>yes</td>
</tr>
<tr>
<td>imap</td>
<td>yes</td>
</tr>
<tr>
<td>anti-spam</td>
<td>yes</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>FYIcenter.com Ad</td>
<td align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-year access</td>
<td align="right">1</td>
<td align="right">199.00</td>
</tr>
<tr>
<td colspan=2 align="right">shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan=2 align="right">tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>

Tabel dgn Alternating Index

<!DOCTYPE html>

<head>
<title>alternating</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="738" border="1"
align="center">
<tr>
<td height="248" align="center"
bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar
isi</strong></font></td>
<td align="center" bgcolor="#FFFFCC"><font
color="#000066" size="+7"><strong><em>Gambar
</em></strong></font></td>
</tr>
<tr>
<td height="261" align="center"
bgcolor="#FFFF99"><font color="#CC0000"
size="+7"><strong><em>Gambar
</em></strong></font><font
size="+7"><em></em></font></td>
<td align="center" bgcolor="#FF66CC"><font
size="+1"><strong>Teks/daftar
isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
<td height="150" colspan="2" align="center"><font
color="#FFFFFF"><strong><font size="+1">Lain-
lain</font></strong></font></td>
</table>
</form>
</body>
</html>

20161009

design web sekolah kita

<!DOCTYPE html>
<head>
<title>left color</title>
</head>
<body>
<form id="forml" name="forml" method="past" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" align="center" valign="top" bgcolor="#993366">
<p>Menu</p>
<p>Profil sekolah</p>
<p>Galeri foto</p>
<p>Kegiatan</p>
<p>Hubungi kami</p>
<td width="627" height="23" align="center" bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">WEB SEKOLAH KITA
</tr>
<tr>
<td height="176"  align="center" valign="top" bgcolor="#FFFF99"><p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"  align="center" bgcolor="#FFFF99"><font size="+2">copysight  sekolah kita.com
</tr>
</form>
</body>
</html>

20161003

LEFT INDEX

<!DOCTYPE html>
<head>
<title>Left Colour</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top" bgcolor="#993366"><p>Home</p>
<p>Profile</p>
<p>About Us</p>

<p>Blog</p>

<p>Contact Us</p></th>

<th width="627" height="23" align="center" bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">Electronic Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top" bgcolor="#FFFF99"><p>&nbsp;</p>
<p>Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami.
       kualitas dan harga dapat  dipercaya langsung saja pesan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99"><font size="+2">profil kami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

BOTTOM INDEX

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#CCCCCC">
<p>Body atau contents (isi) </p>
<p><font color="#006600">Body atau contents (isi) </font></p>

<p><font color="#CC0000">Body atau contents (isi) </font></p>

<p><font color="#FFFF00">Body atau contents (isi) </font></p>

<p><font color="#990033">Body atau contents (isi) </font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><strong><font size="+2">Daftar isi atau navigasi </font></strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>

20161002

TOP INDEX

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
atau iklan</font></strong></td>
>/tr>
<tr>
<td height="27" align="center"
bgcolor="#FFCCCC"><font color="#ff0000">Daftar isi atau navigasi. </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<p>Body atau contents (isi)</p>
<p><font color="#006600">Body atau contents (isi) </font></p>
<p><font color="#CC0000">Body atau contents (isi) </font></p>
<p><font color="#FFFF00">Body atau contents (isi) </font></p>
<p><font color="#FF6633">Body atau contents (isi) </font></p></td>
</tr>
<tr>
<td height="23" alight="center" bgcolor="#CCFF99"><font color="#9966CC">Info tambahan atau lain-lain </font></td>
</tr>
</table>
</form>
</body>
</html>

CARA Membuat Tabel Bersarang

Cara Membuat Tabel Bersarang

<html>
<head>
<title>tabel bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 bars 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</body>
</html>