Rabu, 19 Oktober 2016

Tabel Rumit

<html>
<table height="550" width="400" bgcolor="red">
<tr>
<td><table width="350" align="center" bgcolor="orange">table >tr> td
</tr>
<tr>
<td valign="top" height="40">table >tr> td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="60">table >tr> td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="80">table >tr> td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td><table>table >tr> td </td>
<tr>
<td valign="top" width="90" bgcolor="pink">td</td>
<td valign="top" width="150" bgcolor="pink"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table >tr> td </td>
</tr>
<tr>
<td bgcolor="blue">td</td>
</tr>
<tr>
<td bgcolor="blue">td</td>
</tr>
<tr>
<td bgcolor="blue">td</td>
</tr>

<tr>


Diposting oleh di Tidak ada komentar:

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="red"><font color="blue"></font></td>
<td bgcolor="green" width><font color=white></font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Layout Index



<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="#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>

Diposting oleh di Tidak ada komentar:

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>
Diposting oleh di Tidak ada komentar:

Alternating Index



<html>
<head>
<title>Alternating Index</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>
Diposting oleh di Tidak ada komentar:

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>
Diposting oleh di Tidak ada komentar:

Top 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"border color="#FFFFFF" bg color="#FFFF00"><strong><font size="+5">Banner atau iklan</font></strong></td>
</tr>
<tr>
<td height="27"align="center" bg color="#FFCCCC"><font color="FF0000">Daftar isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bg color="#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>
</tr>
<tr>
<td height="23" align ="center" bgcolor="#CCFF99"><font color="#9966CC">info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Rabu, 12 Oktober 2016

trik membuat tabel pakai skrip html di note pad

<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="red"><font color="blue"></font></td>
<td bgcolor="green" width><font color=white></font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

 dan hasilnya seperti ini
Diposting oleh di Tidak ada komentar:

contoh membuat tabel bersarang pada skrip html

















 

<html>
<head>
<title>table bersarang</title>
</head>
<body>
Online Order
<table border="1">
<tr>
<td>Description</td>
<td>Qty</td>
<td>Price</td>
<td>Email Account note</td>
</tr>
<tr>
<td>Email Account</td>
<td>10</td>
<td>9.90</td>
<td rowspan="5">
<table border="1">
<tr>
<td>mailbox</td>
<td>10GB</td>
</tr>
<tr>
<td>webmaikl</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>
<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>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)