Home Archives for Oktober 2016

Kamis, 20 Oktober 2016

alternating index

Diterbitkan
Tags

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

Diterbitkan
Tags

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

Diterbitkan
Tags

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


Senin, 10 Oktober 2016

left color

Diterbitkan
Tags
<!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, perjualan produk online ini adalah yang pertama di kota kami.
   kualitas dan harga dapat di percaya 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>

topindexs

Diterbitkan
Tags

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

Kamis, 06 Oktober 2016

tugas tabel 5

Diterbitkan
Tags
<html>

<head>

<title>tabel rumit</title>

</head>

<body>
 <b>Dibuat oleh rechandika bintang pradiaz</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=red" 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="blue" 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="blue" 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="purple" 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>

tugas tabel di dalam tabel 4

Diterbitkan
Tags
<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="red">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="green" colspan="2">this table is nested inside the

purple
table</td>
</tr>
<tr>
<td bgcolor="greenpink"><font color="white">dika</font></td>
<td bgcolor="purple" width><font color=white>pradiaz</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

tabel online order 3

Diterbitkan
Tags
kali ini guru saya memberikan tugas membuat tabel di dalam tabel seperti di bawah ini
Nahh...bagaimana membuat tabel bersarang ???saya akan berikan cara membuat html tabel bersarang.Silahkan klik link DOWNLOAD dibawah ini....
http://adf.ly/1ecRyj

tugas tabel 2

Diterbitkan
Tags
<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10">
<td>
sel berikut yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel.
</td>
<td> <table border="3" cellpadding="3" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>

tugasl tabel 1

Diterbitkan
Tags
<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
Langganan: Postingan (Atom)