Senin, 10 Oktober 2016

JOBSHEET

<!DOCTYPE html >
<head>
<title>Right Colour</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1" bgcolor="greenpink">
<tr>
<th width="627" height="23" align="center" bgcolor=pink colspan ="2"><strong>
<font color="black" size="+4">Web Sekolah Kita </font></strong></th>
</tr>
<tr>
<th width="160" bgcolor=pink>
<p>Menu</p>
<p>Profil Sekolah</p>
<p>Galery Foto</p>
<p>Kegiatan</p>
<p>Hubungi Kami</p>
<td height="176" align="center" valign="center" bgcolor=pink>
<p>Nama= ANITA PUTRI R</p>
<p>Kelas= X-TKJ 2</p>
<p>NO.ABSEN= 04</p>
<p>Alamat=Sukorame,Musuk,Boyolali</p>
<p>TTL=8 FEBRUARI 2001</p>
<p>Hobi= Berenang</p>
</td>
</tr>
<tr>
<td height="30" colspan ="2" align="center" bgcolor=pink> <font size="+2">Copyright @ sekolahkita.com</font></td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Alternating Index

<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=pink><font size="+1"><strong>Teks/Daftar isi</strong></font></td>
<td align="center" bgcolor=white><font
color="#000066" size="+7"><strong><em>Gambar
</em> </strong></font></td>
</tr>
<tr>
<td height="261" align="center"
bgcolor="orange"><font color=white
size="+7"><strong><em>Gambar
</em></strong></font><font
size="+7"><em></em></font></td>
<td align="center" bgcolor=pink><font
size="+1"><strong>Teks/daftar
isi</strong></font></td>
</tr>
<tr bgcolor=pink>
<td height="150" colspan="2" align="center"><font
color=black><strong><font size="+1">Lain-lain</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Layout Split

<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=pink><strong>Daftar
Isi </strong> </td>
<td width="67%" height="23" align="center"
bgcolor=pink><font
size="+3"><strong>Banner/judul</strong></font></td>
<td width="18%" rowspan="2" align="center"
bgcolor=pink><strong>Daftar
Isi </strong> </td>
</tr>
<tr>
<td height="456" align="center"
bgcolor=black>
<p>Body atau contents(isi)</p>
<p><font color=pink>Body atau
contents(isi)</font></p>
<p><font color=pink>Body atau
contents(isi)</font></p>
<p><font color=pink>Body atau
contents(isi)</font></p>
<p><font color=pink>Body atau
contents(isi)</font></p>
</td>
</tr>
<tr bgcolor=pink>
<td height="23" colspan="3" align="center">Lainlain </td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Left Index

<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=pink><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=white><strong><font color=pink
size="+4">Electronic
Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top"
bgcolor=pink><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=pink>
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

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=pink
bgcolor=white><strong><font size="+5">Banner
/ Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor=pink>
<p>Body atau contents(isi)</p>
<p><font color=black>Body atau
contents(isi)</font></p>
<p><font color=black>Body atau
contents(isi)</font></p>
<p><font color=black>Body atau
contents(isi)</font></p>
<p><font color=black>Body atau
contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center"
bgcolor=pink><font color=white><strong><font
size="+2">Daftar
isi atau navigasi </font></strong></font><font
color=white size="+2">&nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Kamis, 06 Oktober 2016

Top Index

<!docttype html>
<head>
<title> top index</title>
</head>
<body>
<from id="froml" name="froml" method="post" atcion=" ">
<table width="800" height= 542 border=1 algin=center>
<tr>
<td height=23 algin= center bordercolor=pink bgcolor=pink><strong><fount size=+5>Banner atau iklan </fount></strong></td>
</tr>
<tr>
<td height=27 algin=center bgcolor=pink><fount color=pink> daftar isi atau nafigasi</fount></td>
</tr>
<tr>
<td hight=457 algin=center bgcolor=WHITE>
<p>body atau contest(isi)</p>
<p><fount color=pink> body atau contest(isi)</fount></p>
<p><fount color=pink> body atau contest(isi)</fount></p>
<p><fount color=pink> body atau contest(isi)</fount></p>
<p><fount color=pink> body atau contest(isi)</fount></p>
</tr>
<tr>
<td height=23 algin=center bgcolor=pink><fount color=pink> info tambahan atau lain lain</fount>
</td>
</tr>
</table>
</from>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tabel Rumit

<html>

<head>

<title>tabel rumit</title>

</head>

<body>
 <b>Dibuat oleh Anita Putri Rahayu</b>




<table bgcolor="pink"  width="250" Border=2>

<td> table>tr>td

<table bgcolor="pink" width="280" height="30" align="center" Border=2>
 <tr>

 <td valign="top">table>tr>td</td>
</tr>

</table>

</td>
</table>
<table bgcolor="pink" width="280" Border=2>

<tr>

<td>
<table bgcolor="pink" width="280" height="30" align="center" Border=2>

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="pink" width="280" Border=2>

<tr>

<td>

<table bgcolor="pink" width="280" height="30" align="center" Border=2>

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="pink" width="280" Border=2>

<tr>

<td>

<table bgcolor="pink" width="280" height="300" align="center" Border=2>

<tr>

<td> table>tr>td

<table>
 <td bgcolor="white" width="40" height="70" valign="top">td</td Border=2>

 <td bgcolor="white" width="150" height="70" valign="top">td

 <table width="130" bgcolor=PINK height="70" align="center" Border=2>
 <tr>
 <td valign="top">table>tr>td
 <table>
 <td bgcolor="pink" width="170" height="20">td</td>

 </table>

 <table>
 <td bgcolor="pink" width="170" height="20">td</td>

 </table>

 <table Border=2>
 <td bgcolor="pink" width="170" height="20" valign="top">td</td>

 </table>

 <table Border=2>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table Border=2>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table Border=2>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>
 </table>

 </td>



 </tr>
 </table>
 <td  bgcolor="PINK "width="40" height="100" valign="top">td</td>

 </td>
 </table>

</td>

</tr>
</table>
</td>
</tr>

</table>
<table bgcolor="pink" width="280" Border=2>

<tr>

<td>
<table bgcolor="pink" width="280" height="20" align="center" Border=2>

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>
</body>

</html>



Diposting oleh di Tidak ada komentar:
Label:

Tabel 4

<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor=pink>
<tr>
<td height=10% width=60%><table border=1 align="center">
<tr>
<td bgcolor="pink" colspan="2" border=1>this table is nested inside the purple
table</td>
</tr>
<tr>
<td border=1><font>Ardien</font></td>
<td bgcolor="pink" border=1><font>Putra</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Nested Tabel 3

<html>
<head>
<title>nested table 3</title>
</head>
<body>
<table border=3 calspanding=10 calspacing=10 bgcolor=pink>
<td>
sel yang satu ini memiliki tabel kecil didalamnya,tabel di dalam tabel.
</td>
<td>
<table border=3 calspadding=3 callspacing=3 bgcolor=pink>
<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>


Diposting oleh di Tidak ada komentar:
Label:

Tabel Di Dalam Tabel

<html>
<head><title>Table didalam Table</title></head>
<body>
<table border=1 width=500px height=300px bgcolor=white>
<tr>
<td rowspan=2>
<table border=1 width=200px height=100px align=center bgcolor=pink>
<tr>
<td> A</td>
<td>A</td>
</tr>
<tr>
<td>B</td>
<td>B</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1 width=200px height=100px align=center bgcolor=pink>
<tr>
<td>C</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</head>
</html>


Diposting oleh di Tidak ada komentar:
Label:
Langganan: Komentar (Atom)