Kamis, 06 Oktober 2016

ALTERNATING INDEX

<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">Lainlain</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>

LAYOUT SPLIT

<html >
<head>
<title>left </title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="512" border="1"
align="center">
<tr>
<td width="15%" rowspan="2" align="center"
bgcolor="#99CC99"><strong>Daftar
Isi </strong> </td>
<td width="67%" height="23" align="center"
bgcolor="#FFCCFF"><font
size="+3"><strong>Banner/judul</strong></font></td>
<td width="18%" rowspan="2" align="center"
bgcolor="#99CC99"><strong>Daftar
Isi </strong> </td>
</tr>
<tr>
<td height="456" 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 bgcolor="#FF99FF">
<td height="23" colspan="3" align="center">Lainlain </td>
</tr>
</table>
</form>
</body>
</html>


LEFT INDEX

<html >
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" 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 dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

BOTTOM INDEX

<html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" 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>

TOP INDEX

<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" align="center"
bgcolor="#CCFF99"><font color="#9966CC">Info
tambahan atau lain lain </font></td>
</tr>
</table>
</form>
</body>
</html>

TABLE 5

<html>

<head>

<title>tabel rumit</title>

</head>

<body>
 <b>Dibuat oleh XSAN KURNIYAWAN</b>




<table bgcolor="greenpink"  width="300">

<td> table>tr>td

<table bgcolor="yellow" width="280" height="70" align="center">
 <tr>

 <td valign="top">table>tr>td</td>
</tr>

</table>

</td>
</table>
<table bgcolor="greenpink" width="300">

<tr>

<td>
<table bgcolor="yellow" width="280" height="80" align="center">

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="greenpink" width="300">

<tr>

<td>

<table bgcolor="yellow" width="280" height="90" align="center" >

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="greenpink" width="300">

<tr>

<td>

<table bgcolor="yellow" width="280" height="100" align="center">

<tr>

<td> table>tr>td

<table>
 <td bgcolor="orange" width="40" height="350" valign="top">td</td>

 <td bgcolor="orange"   width="150" height="350" valign="top">td

 <table width="130" bgcolor="red" height="250" align="center">
 <tr>
 <td valign="top">table>tr>td
 <table>
 <td bgcolor="white" width="170" height="40">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="40" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="40" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="80" valign="top">td</td>
 </table>

 </td>



 </tr>
 </table>
 <td  bgcolor="orange "width="40" height="350" valign="top">td</td>

 </td>
 </table>

</td>

</tr>
</table>
</td>
</tr>

</table>
<table bgcolor="yellow" width="300">

<tr>

<td>
<table bgcolor="orange" width="280" height="40" align="center">

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>
</body>

</html>


nested table 3

<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10" bgcolor=yellow>
<td bgcolor=greenpink>
sel berikutnya yang satu ini memiliki tabel kecil didalamnya,tabel didalam tabel
</td>
<td><table border="3" cellpadding="3" cellspacing="3" bgcolor=greenpink>
<td bgcolor=white>tabel ke 2</td>
<td bgcolor=red>tabel ke 2</td>
<tr>
<td bgcolor=red>tabel ke 2</td>
<td bgcolor=white>tabel ke 2</td>
</tr>
</table/></td>
</table>
</body>
</html>

tabel bersarang

<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1 bgcolor=blue>
<tr>
<td>
<table border=1 bgcolor=white>
<tr>
<td bgcolor=red>kolom 1 baris 1</d>
<td bgcolor=yellow>kolom 2 baris 1</d>
</tr>
<tr>
<td bgcolor=yellow>kolom 1 baris 2</d>
<td bgcolor=red>kolom 2 baris 2</d>
</tr>
</table>
</td>
<td bgcolor=greenpink>kolom 2 baris 1</td>
</tr>
<tr>
<td bgcolor=greenpink>kolom 1 baris 2</td>
<td bgcolor=yellow>kolom 2 baris 2</td>
</tr>
</table></body>
</html>

table 4

<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="yellow">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="orange" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="greenpink"><font color="white">xsan</font></td>
<td bgcolor="purple" width><font color=white>kurniyawan</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

online order

<th bgcolor=orange>price</th>

<th bgcolor=red>email account note</th>

</tr>

<tr>

<td width="100" bgcolor=greenpink>email account </td>

<td bgcolor=yellow>10</td>

<td bgcolor=orange>$9.90</td>

<td rowspan="5">

<table border="2">

<tr>

<td bgcolor=red>mailbox </td>

<td bgcolor=red>10 Gb</td>

</tr>

<tr>

<td bgcolor=red>webmail</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>POP3</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>IMAP</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>Anti-Spam</td>

<td bgcolor=red>yes</td>
</tr>

</table>
</td>

</tr>

<tr>

<td bgcolor=greenpink>FYIcenter.com ad</td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$99.00</td>

</tr>

<tr>

<td bgcolor=greenpink>1-year access </td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$199.00</td>

</tr>

<tr>

<td colspan="2" align="right">shipping</td>

<td bgcolor=orange>$3.99</td>

</tr>
<tr>

<td colspan="2" align="right">Tax</td>

<td bgcolor=orange>$15.99</td>

</tr>

</table>

</body>

</html