Home Archives for Oktober 2016

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

Bottom index

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

                                   
Read More

Tabel di dalam tabel

<html>
          <head><title>nested table 3</title></head>
<body>
     <table border="3" cellpadding="10" cellspacing="10">
    <td>
sel berikutnya yang satu ini memiliki tabel kecil di
dalamnya,tabel di dalam tabel.
    </td>
    <td> <table border="3" cellpadding="3" cellspacing="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>                    

                             
Read More

Bottom index

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<formid="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 contens(isi)</p>
<p><font color="#006600">Body atau contens (isi)</p>
<p><font color="CC0000">Body atau contens (isi)</font></p>
<p><font color="#FFFF00">Body atau contens (isi)</font></p>
<p><font color="FF6633">Body atu contens (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>



                           

Read More

Senin, 03 Oktober 2016

tabel dlam tabel 2 

Kali ini saya Akan Membagikan Sebuah Gambar Seperti Dibawah Ini Yang Diajari Oleh Guru saya
Tentang Cara Membuat Tabel Didalam Tabel2.









Jika Ingin Membuat Tabel Seperti Diatas Klik Gambar Download Dibawah Ini.

















Read More 






















Tabel Didalam Tabel

























Kali ini saya Akan Membagikan Sebuah Gambar Seperti Dibawah Ini Yang Diajari Oleh Guru saya


Tentang Cara Membuat Tabel Didalam Tabel






                      





Jika Ingin Membuat Tabel Seperti Diatas Klik Gambar Download Dibawah Ini.















Read More 






















Tabel dengan colspan

























<html >

<head>

<title>Tabel dengan Colspan</title>

</head> 

<body>

<table width="500" border="1" bgcolor="yellow">

<tr bgcolor="red">

<th scope="col">Apel </th>

<th rowspan="4" scope="col">Jeruk </th>

<th colspan="4" scope="col">Mangga </th> 

</tr>

<tr bgcolor=blue>

<th scope="col">Pisang </th>

<th colspan="4" scope="col">Nanas </th>

</tr>

<tr bgcolor=green>

<td>Leci</td>

</tr>

</table>

</body>

</html>



                                       









Read More 















              

            










Langganan:
Postingan (Atom)