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>


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>


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>


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>


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>


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>


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>



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>


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>


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>


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>


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>


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>





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>


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>


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>


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>


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>


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>

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>

Senin, 22 Agustus 2016

Quotation

<html>
<head>
<title>quotation</title>
</head>
<body>
tulisan  ini  BUKAN  quotation
<blockquote>
tulisan  ini  adalah  quotation<br>
tulisan  ini  adalah  quotation<br>
tulisan  ini  adalah  quotation<br>
</blockquote>
</body>
</html>

Pre Format 2

<html>
<head>
<tittle>Tag Preformatted</title>
</head>
<body>
<pre>
This section provides a brief overview of the menus in Dreamweaver.
      The file menu and Edit menu contain the standard menu items for File and Edit.
menus,such as New,Open,Save,Save All,Cut,Copy,Paste,
Undo,and Redo
</pre>
<pre>
Ini adalah
preformatted text.
Menampilkan    spasi
Dan line break apa adanya.
</pre>
<p>Tag PRE cocok digunakan untuk menampilkan kode bahasa pemrograman komputer:</p>
<pre>
for  i  =  i  to  10
        print   i
next i
</pre>
</body>
</html>

IMPIAN'KU

*Saya ingin SUKSES
*Saya ingin membanggakan kedua orang tua saya
*Saya ingin menjadi anak yang berbakti sama orang tua
*Saya ingin menjunjung harkat martabat orang tua saya
*Saya ingin LULUS 100%
*Saya ingin mendapatkan peringkat terbaik
*Saya ingin membawa nama baik sekolah SMK Karya Nugraha
*Saya ingin selama bersekolah di SMK Karya Nugraha tdk punya masalah
*Saya ingin membanggakan bapak/ibu guru
*Saya ingin melihat temen"saya tersenyum selalu
*Saya ingin membawa KESENANGAN trhadap teman" bukan KESEDIHAN
*Saya ingin suatu kelak nanty mendapatkan IJAZAH dari SMK Karya Nugraha
*Saya ingin membahagia'kan orang" di sekitar saya
*Saya ingin membeli rumah sendiri
*Saya ingin membeli motor dengan hasil kerja keras'ku suatu saat nanti
*Saya ingin mencapai cita" saya setinggi langit
*Saya ingin setelah LULUS dari SMK Karya Nugraha mendapatkan pekerja'an yang saya sukai
*Saya ingin menyayangi orang" di sekitar saya
*Saya ingin memiliki boneka keroppi
*Saya ingin menjadi anak yang solehah
*Saya ingin membahagiakan kedua orang tua saya
*Saya ingin menjadi Dokter
*Saya ingin membeli mobil dengan uang saya sendiri suatu kelak nanti
*Saya ingin menjadi yang terbaik buat teman-teman saya
*Saya ingin semangat dalam mencapai cita-cita saya

Pre Format

<HTML>
<HEAD>
<TITLE>Preformat</TITLE>
</HEAD>
<BODY>
<H2>Daftar Harga Keladi:</H2>
<PRE>
Red Flash. . . . . . . . .35.000
Red Fire. . . . . . . . . .60.000
Fanni Munshon. . . . 60.000
</PRE>
Harga sewaktu waktu bisa berubah.
</BODY>
</HTML>

Format Teks

<html>
<head>
<title>Format Teks</title>
</head>
<body>
<p>
<b>Tulisan ini di tebalkan(bold)</b>
</p>
<p>
<strong>Tulisan ini di tebalkan
(strong)</strong>
</p>
<p>
<em>Tulisan ini miring (emphasize)
</em>
</p>
<p>
<big>Tulisan ini besar (big)</big>
</p>
<p>
<i>Tulisan ini miring (italic)</i>
</p>
<p>Tulisan ini
<sub>subcript</sup>
</p>
</html>
</body>


Periperal Komputer

<html>
<head><title>tugas unordered list</title>
</head>
<body>periperal komputer</body>
<ul>
<li>Keyboard</li>
<li>Mouse</li>
<li>Ligh Pen</li>
<li>Touch Pad</li>
<li>Joy Stick</li>
<li>Game Pad</li>
<li>Microphone</li>
<li>Scanner</li>
<li>Barcode</li>
<li>Camera Digital</li>
</ul>
</body>
</html>


Kamis, 18 Agustus 2016

Langkah-langkah membuka notepad









<html>
<head><title>odered list</title>
</head>
<body>
<ol>
<b>Langkah Langkah menjalankan aplikasi notepad</b>
<li>klik start
<li>tulis notepad pada search
<li>pilih notepad dan klik
</ol>
</body>
</html>



<html>
<head><title>tugas membuat ordered list</title>
</head>
<body>Langkah-langkah membuka Notepad</body>
<ol type="a">
<li>Klik Start kemudian klik All Program</li>
<li>Arahkan kursor ke Windows Accesories</li>
<li>Klik Notepad</li>
<li>Notepad berhasil di buka</li>
</ol>
</body>
</html>

<html>
<head><title>tugas membuat ordered list</title>
</head>
<body>Langkah langkah membuka NotePad</body>
<ol type="i">
<li>Klik Start kemudian Klik All Program</li>
<li>Arahkan kursor ke Windows Accesories</li>
<li>Klik Notepad</li>
<li>NotePad berhasil di buka</li>
</ol>
</body>
</html>


Kamis, 04 Agustus 2016

Dokumen HTML Paragraph

<html>
<head>
        <tittle>\Assalamualaikum</tittle>
</head>
<body>
        <p> Nama saya adalah Anita Putri Rahayu. Alamat saya di Sukorame,musuk,Boyolali.

saya bersekolah di SMK Karya Nugraha Boyolali. Saya kelas X TKJ 2. Saya lahir di Boyolali

8 Februari 2000. Cita-cita saya ingin menjadi dokter. </p>
        <p> Hobi saya berenang. Wassalamualaikum wr.wb. </p>
</body>
</html>

Struktur Dasar Halaman Web

<html>
<head>
       <title>Heading</title>
</head>
<body>
       <h1>This is heading 1 Anita Putri Rahayu</h1>
       <h2>This is heading 2 X TKJ 2</h2>
       <h3>This is heading 34</h3>
       <h4>This is heading 4 Berenang</h4>
       <h5>This is heading 5 SMK KARYA NUGRAHA BOYOLALI</h5>
       <h6>This is heading 6 Dokter</h6>
</body>
</html>


Struktur Dasar Halaman Web

<html>
<head>
       <title>Heading</title>
</head>
<body>
       <h1>This is heading 1 Anita Putri Rahayu</h1>
       <h2>This is heading 2 X TKJ 2</h2>
       <h3>This is heading 34</h3>
       <h4>This is heading 4 Berenang</h4>
       <h5>This is heading 5 SMK KARYA NUGRAHA BOYOLALI</h5>
       <h6>This is heading 6 Dokter</h6>
</body>
</html>


Kamis, 28 Juli 2016

Selamat pagi teman-teman...?? Hari ini saya akan memperkenalkan nama saya
Nama     :Anita Putri Rahayu
Sekolah  :SMK Karya Nugraha Boyolali
Alamat   :Sukorame,Musuk,Boyolali
Hobi       :Berenang