Minggu, 09 Oktober 2016

layout splite pada anatomi halaman web

<!DECOTYPE html>
<head>
<title>Layout Split</title>
</head>
<body>
<form id="forml" name="forml" 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>

alternating index pada anatomi halaman web

<!DECOTYPE html>
<head>
<title>Alternating Index</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></td>
</tr>
</table>
</form>
</body>
</html>

cara cepat membuat tabel bersarang

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

Minggu, 02 Oktober 2016

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 dan menjadi langganan kami.

</p></td>
</tr>
<tr>
<td heigh="30"align="center"bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>




buttom index

<!DOCTYPE html>
<head>
<title>top index</title>
</head>
<body>
<form id="for,l"name="forml"method="post"action="">
<table width="800" height="542"border="1"align="center">
>tr>
<tdheight="23"align="center"bordercolor="#FFFFFF" bgcolor="#FFFF00"<srong><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 bcontents(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

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

tabel didalam tabel 3

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