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:

Kamis, 08 September 2016

Tabel Buah

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="gold">
<tr bgcolor=pink>
<th scope="col">Apel </th>
<th rowspan="4" scope="col">Jeruk </th>
<th colspan="4" scope="col">Mangga </th>
</tr>
<tr bgcolor=pink>
<th scope="col">Pisang </th>
<th colspan="4" scope="col">Nanas </th>
</tr>
<tr bgcolor=pink>
<td>Leci</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tabel Benua

<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr bgcolor=pink>
<th scope="col">Benua</th>
<th colspan="2" scope="col">Eropa</th>
<th colspan="2" scope="col">Asia</th>
</tr>
<tr bgcolor=pink>
<td>Negara</td>
<td>Belanda</td>
<td>Italia</td>
<td>Indonesia</td>
<td>India</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tabel Nama Bagian Benua

<html>
<head>
<title>Tabel dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr bgcolor=white>
<th scope="col">Benua</th>
<th scope="col">Negara</th>
</tr>
<tr bgcolor=pink>
<td rowspan="4">Asia</td>
<td>Arab Saudi</td>
</tr>
<tr bgcolor=pink>
<td>India</td>
</tr>
<tr bgcolor=pink>
<td>Indonesia</td>
</tr>
<td>Singapura</td>
</tr>
<tr bgcolor=pink>
<td rowspan="4">Eropa</td>
<td>Belanda</td>
</tr>
<tr bgcolor=pink>
<td>Italia</td>
</tr>
<tr>
<td>Inggris</td>
</tr>
<tr bgcolor=pink>
<td>Jerman</td>
</tr>





Diposting oleh di Tidak ada komentar:
Label:

Tabel Colspan

<html>
<head>
<title>Table dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr bgcolor =pink>
<th scope="col">Perumahan</th>
<th colspan="4" scope="col">Tipe / Luas
tanah (m<sup>2<sup>) </th>
</tr>
<tr bgcolor=pink>
<td>Griya Indah Permai </td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tabel Rowspan

<html>
<head>
<title>Table Dengan Rowspan</title>
</head>
<body>
<table width="500" border ="1">
<tr bgcolor=pink>
<th scope="col">Nama Perumahan </th>
<th scope="col">Tipe / Luas tanah
(m<sup>2<sup>)  </th>
</tr bgcolor=pink>
<tr>
<td rowspan="4">Griya Indah Permai </td>
<td>21 / 60 </td>
</tr>
<tr bgcolor=pink>
<td>36 / 90 </td>
</tr>
<tr bgcolor=pink>
<td>45 / 120 </td>
</tr>
<tr bgcolor=pink>
<td>54 / 120 </td>
</tr>
</table>
</body>
<html>


Diposting oleh di Tidak ada komentar:
Label:

Kamis, 01 September 2016

Tugas Tabel 3

<html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body>
<table border = "1" bgcolor=pink>
<caption>Daftar wiraniaga</caption>
<tr bgcolor=white>
<th colspan ="2">WIRANIAGA</th>
<th colspan ="3">KOTA</th>
</tr>
<tr bgcolor=pink>
<th>SEMARANG</th>
<th>Kudus</th><th>Solo</th>
<tr>
<tr bgcolor=pink>
<th rowspan ="2">Jenis Kelamin</th>
<th>Pria</th>
<th align= "right">30</td>
<td align= "right">20</td>
<td align= "right">30</td>
</tr>
<tr bgcolor=pink>
<th>wanita</th>
<td align= "right">20</td>
<td align= "right">8</td>
<td align= "right">18</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tugas Tabel 1

<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh table dengan rowspan dan colspan
<table width=80% border=2cellspacing=0 cellpadding=0 bgcolor=#33cc66>
<tr bgcolor=pink>
<td> baris 1 kolom 1</td>
<td> baris 1 kolom 2</td>
</tr>
<tr bgcolor=pink>
<td colspan=2>baris2kolom1</td>
</tr>
<tr bgcolor=pink>
<td rowspan =2baris3kolom1</td>
<td>baris3kolom2</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Membuat Tabel 

<html>
<head>
<title>membuat baris dan kolom</title>
</head>
<body>
<table border=1 bgcolor=pink>
<tr bgcolor=white>
<td>data baris 1 kolom 2</td>
<td>data baris 1 kolom 2</td>
<td>data baris 1 kolom 3</td>
</tr>
<tr>
<td>data baris 2 kolom 1</td>
<td>data baris 2 kolom 2</td>
<td>data baris 2 kolom 3</td>
</tr>
<tr bgcolor=blue>
<td>data baris 3 kolom 1</td>
<td>data baris 3 kolom 2</td>
<td>data baris 3 kolom 3</td>
</tr>
</table>
</body>
</html>
















Diposting oleh



di





Tidak ada komentar:
  


















Label:

















          

        

          

        

Kamis, 25 Agustus 2016


          

        










Tugas List Kombinasi 2










<html>

<head>

<title>list kombinasi</title>

</head>

<body>

<p></p>

<ol type="1">

<li>Aspek institusional

<li>Cakupan Pelayanan

<li>Aspek Teknis dan Teknologi

<ol type="a">

<li>Tempat Penampungan Sementara (TPS)</li>

<li>Tempat Pemrosesan Akhir (TPA)</li>

</ol>

</li>

<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah

<li>Permasalahan dalam Pengelolaan Sampah

</li>

</ol>

</body>

</html>
















Diposting oleh



di





Tidak ada komentar:
  


















Label:


























Tugas List Kombinasi 1










<html>

<head>

<title>lis kombinasi</title>

</head>

<body>

<p>Tipe-tipe Tulisan Sandi</p>

<ol type="1">

<li>Sandi Abjad/Sandi Balik

<li>Sandi Koordinat

<li>Sandi Angka

<li>Sandi Napoleon

<li>Sandi Morse

<ul>

<li>Sandi Rumput</li>

<li>Sandi Bangun (Bentuk)</li>

<li>Sandi Kimia</li>

<li>Sandi Morse 1/</li>

</ul>

</li>

<li>Sandi Semaphore

<li>Sandi Jam

<li>Sandi Nomor

<li>Sandi Geser

<li>Sandi Naik Turun Tingkat

</ol>

</body>

</head>

<html>
















Diposting oleh



di





Tidak ada komentar:
  


















Label:

















        

      









Langganan:
Postingan (Atom)