Kamis, 10 November 2016

Alternating Index

<!DOCTYPE html >

<head>

<title>alternating</title>

 </head>

<body>

<form id="form1" name="form1" 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>

</tr> </table>

</form>

</body>

</html>
           
                                           
Read More

Kamis, 27 Oktober 2016

JOBSHEET

<!DOCTYPE HTML>
<head>
<title>right colour</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="450" border="1" align="center" cellspacing="1">
<tr>
<th width="627" height="23" align="center" bgcolor="ORANGE" colspan="2"><strong>
<font color="black" size="+4">WEB SEKOLAH KITA</font></strong></th>
</tr>
<tr>
<th width="170" bgcolor="yellow">
<p>menu</p>
<p>profil sekolah</p>
<p>galery foto</p>
<p>kegiatan</p>
<p>hubungi kami</p>
<td height="160" align="center" valign="center" font color="white" bgcolor="">
<p>Nama=Alfrendo zain mualfirin</p>
<p>No absen=03</p>
<p>Kelas=X TKJ 2 </p>
<p>Sekolah=SMK KARYA NUGRAHA BOYOLALI</p>
<p>Alamat=grenjeng,siwal,kaliwungu,semarang</p>
<p>Tanggal lahir=23 november 2001</p>
<p>Hoby=main voly</p>
</td>
</tr>
<tr>
<td height="35" colspan="2" align="center" bgcolor="orange"><font size="+2">copyright@sekolahkita.com</font>
</td>
</table>
</body>
</html>

                                   
Read More

Senin, 17 Oktober 2016

Layaut split

<!DOCTYPE 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">Lain-lain </td>

</tr>

</table>

</form>

</body>

</html>

                                 
Read More

Lift colour

<!DOCTYPE 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>

                                       
Read More

tabel Rumit

<html>
<head>
<title>tabel rumit</title>
</head>
<body>
<table border="2" width="300">
<tr>
<th>description </th>
<th>qty </th>
<th>price</th>
<th>email account note</th>
</tr>
<tr>
<td width="100">email account </td>
<td>10</td>
<td>$9.90</td>
<td rowspan="5">
<table border="2">
<tr>
<td>mailbox </td>
<td>10 Gb</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>1</td>
<td>$99.00</td>
</tr>
<tr>
<td>1-year access </td>
<td>1</td>
<td>$199.00</td>
</tr>
<tr>
<td colspan="2" align="right">shipping</td>
<td>$3.99</td>
</tr>
<tr>
<td colspan="2" align="right">Tax</td>
<td>$15.99</td>
</tr>
</table>
</body>
</html>        

         
Read More

Kamis, 06 Oktober 2016

Tabel rumit

<html>
<head>
<title>tabel rumit</title>
</head>
<body>
 <b>anugrah putra</b>
<table bgcolor="red"  width="300">
<td> table>tr>td
<table bgcolor="blue" width="280" height="70" align="center">
 <tr>
 <td valign="top">table>tr>td</td>
</tr>
</table>
</td>
</table>
<table bgcolor="yellow" width="300">
<tr>
<td>
<table bgcolor="pink" width="280" height="80" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="red" width="300">
<tr>
<td>
<table bgcolor="gold" width="280" height="90" align="center" >
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="white" width="300">
<tr>
<td>
<table bgcolor="grey" width="280" height="100" align="center">
<tr>
<td> table>tr>td
<table>
 <td bgcolor=purple width="40" height="350" valign="top">td</td>
 <td bgcolor=blue   width="150" height="350" valign="top">td
 <table width="130" bgcolor="violet" height="250" align="center">
 <tr>
 <td valign="top">table>tr>td
 <table>
 <td bgcolor="red" width="170" height="40">td</td>
 </table>
 <table>
 <td bgcolor="yellow" width="170" height="20">td</td>
 </table>
 <table>
 <td bgcolor="green" width="170" height="40" valign="top">td</td>
 </table>
 <table>
 <td bgcolor="red" width="170" height="20" valign="top">td</td>
 </table>
 <table>
 <td bgcolor="yellow" width="170" height="40" valign="top">td</td>
 </table>
 <table>
 <td bgcolor="green" width="170" height="20" valign="top">td</td>
 </table>
 <table>
 <td bgcolor="red" width="170" height="80" valign="top">td</td>
 </table>
 </td>
 </tr>
 </table>
 <td  bgcolor=blue width="40" height="350" valign="top">td</td>
 </td>
 </table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="white" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="40" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

                       

Read More

Purple table

<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="green">
<tr>
<td height=10% width=60%><table border=1 align="center">
<tr>
<td bgcolor="bloe" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="orange"><font color="white">Alfrendo</font></td>
<td bgcolor="gold" width><font color=white>Putra</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>          

                         
Read More