alternating index

<!DOTYPE 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="#00ffcc"><font size="+1"></strong>nasi pecel sedap</strong></td>
<td align="center" bgcolor="#fffccc"><font color="#000066" size="+7"><strong><em>warteg musuk</em></strong></font></td>
</tr>
<tr>
<td height="261" align="center" bgcolor="#ffff99"><font color="#cc0000" size="+7"><strong><em>harga murah</em></strong></font><font size="+7"><em></em></font><font></td>
<td align="center" bgcolor="#0000cc"><font size="+1"><strong>enak maknyus..lep</strong></font></td>
</tr>
<tr bgcolor="#aaa666">
<td height="150" colspan="2" align="center"><font color="#ffffff"><strong><font size="+1">rechandika.tkj2@com</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>

layout split

<!DOTYPE html>
<head>
<title>left </title>
</head>
<body>
<form id="forml"name="forml"method="post" action="">
<table width="800" height="512" border="1" align="center">
<tr>
<td widht="15%" rowspan="2" align="center" bgcolor="#999999"><strong>harga</strong></td>
<td widht="67%" height="23" align="center" bgcolor="#fff000"><font size="+3"><strong>toko indah peertiwi</strong></font></td>
<td widht="18%" rowspan="2" align="center" bgcolor="#99cc99"><strong>harga</strong></td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#cccccc">
<p>aneka perlengkapan:</p>
<p><font color="#006600">sandal :25000</font></p>
<p><font color="#cc0000">baju :45000</font></p>
<p><font color="#990033">sepatu :230000</font></p>
<p><font color="#aaaooo">celana jeans :150000</font></p>
<p><font color="#000099">celana kolor :30000</font></p>
</td>
</tr>
<tr bgcolor="#ff99ff">
<td height="23" colspan="3" align="center">2016-2017</td>
</tr>
</table>
</form>
</body>
</html>

bottom index

<!DOCTYEBE html>
<head>
<title>top index</title>
</head>
<body>
<form id="forlm"name="forml"method="post"action"">
<table width="800"height="542"border="1"align="center">
<tr>
<td height="23"align="center"bordercolor="#ffffff"bgcolor="#ffff00"><srtong><font size="+5">banner/judul</font></strong></td>
</tr>
<tr>
<td height="457"align="center"bgcolor="#cccccc"
<p>PERKENALKAN,SAYA</p>
<p><font color="#006600">RECHANDIKA BINTANG PRADIAZ</font></p>
<p><font color="#cc0000">X-TKJ2</font></p>
<p><font color="cc0000">HOBBI MAIN BOLA</font></p>
<p><font color="#990033">SMK KARYA NUGRAHA BOYOLALI</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><font color="#9966cc"size="+2">&nbsp:</font></td>
</tr>
</table>
</form>
</body>
</html>