Hello panda

Kamis, 27 Oktober 2016

Tugas Altrnating Indeks

<!DECOTYPE html>
<head>
<title>Alternating Index</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="#FF66CC"><font size="+1"><strong>Teks/Daftar isi</strong></font>
 </td>
 <td align="center" bgcolor="#FFFFCC"><font color="#000066" size="+7"><strong><em>Gambar</em></strong>
 </font></td>
</tr>
<tr>
 <td height="261" align="center" bgcolor="#FFFF99"><font color="#CC0000" size="+7"><strong><em>Gambar</em>
 </strong></font><font size="+7"><em></em></font></td>
 <td align="center" bgcolor="#FF66CC"><font size="1"><strong>Teks/Daftar isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
 <td height="150" colspan="2" align="center"><font color="#FFFFFF"><strong><font size="+1">Lain-lain</font>
 </strong></td>
</tr>
</table>
</form>
</body>
</html>



Tugas Tabel

<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 bars 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</body>
</html>



Tugas Tabel

<html>
<head><title>table bersarang</title>
</head>
<body>
<table border="1">
<tr>
<td><b>Description</b></td>
<td><b>Qty</b></td>
<td align="right"><b>Price</b></td>
<td><b>Email account note</b></td>
</tr>
<td>Email account</td>
<td align="right">10</td>
<td align="right">$9.990</td>
<td rowspan=5>
<table border="1">
<tr>
<td>Mailbox</td>
<td>10GB</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 align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-year access</td>
<td align="right">1</td>
<td align="right">199.00</td>
</tr>
<tr>
<td colspan=2 align="right">shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan=2 align="right">tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>




Tugas Tabel

<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="orange">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="yellow" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="blue"><font color="blue">rahma</font></td>
<td bgcolor="white" width><font color=white>fauziah</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>




Tugas Tabel Rumit

<html>
<table height="550" width="400" bgcolor="red">
<tr>
<td><table width="350" align="center" bgcolor="orange">table > tr > td
</tr>
<tr>
<td valign="top" height="40">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="60">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="80">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td ><table>table > tr > td </td>
<tr>
<td valign="top" width="90" bgcolor="#89F0FF">td</td>
<td valign="top" width="150" bgcolor="#89F0FF"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table > tr > td </td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
</table></td>
<td valign="top" width="90" bgcolor="#89F0FF">td</table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange"></table></td>
</table></td>
</tr>
<tr>
<td><table width="355" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="40" cellspacing="15">table > tr > td</td></table></td>
</tr>
</table>
</html>



Tugas tabel

<html>
<head>
<title>Tabel Rowspan dan Colspan</title>
</head>



<body>
<table width="500" border="1">
<tr>
<th bgcolor=red>Apel</th>
<th rowspan="2">Jeruk</th>
<th bgcolor=green>Mangga</th>
</tr>
<tr>
<td>Pisang</th>
<td>Nanas</td>
</tr>
</table>
</body>
</html>



Jumat, 07 Oktober 2016

Tugas Left index

<!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><fontcolor="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 dikota kami.
Kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
</p></td>
<tr>
<td height="30" align="center" bgcolor="#ffff99"><font size="+2">Profil kami.com</font></td>
</table>
</form>
</body>
</html>





Tugas Bottom index

<!doctype html>
<head>
<title>top index</title>
</head>
<body>
<form id="form1" name ="form1" method="post" action="">
<table width="800" height="447" 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)</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"><fontcolor="ff0000"<strong><font SIZE="+2"> Daftar isi atau navigasi</font></strong></font><font color="#9966cc">
     &nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>



Tugas Top 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 atau Iklan</font></strong></td>
</tr>
<tr>
<td height="27" align ="center" bgcolor="#FFCCCC"><fontcolor="#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></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 bersarang 2

<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 didalamnya , tabel didalam 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>
</td>
</table>
</body>
</html>



Tugas tabel bersarang 1

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



Kamis, 08 September 2016

Tugas Dokumen Tabel 3

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










Tugas Dokumen Tabel 2

<html>
<head>
<title>Tabel Dengan Colspan</title>
</head>


<body>
<table width="500" border="1">
<tr>

  <th scope="col "> Perumahan </th>
  <th colspan="4" scope ="col">Tipe / Luas tanah  (m<sup>2</sup>)  </th>


</tr>
<tr>

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






Tugas Dokumen Tabel 1

<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>


<body>
<table width="500" border="1">
<tr>

  <th scope="col ">Nama Perumahan </th>
  <th scope="col ">Tipe / Luas Tanah
(m<sup>2</sup>)  </th>

</tr>
<tr>

<td rowspan="4 ">Griya Indah Permai </td>
<td>21 /60 </td>

</tr>
<tr>
<td>36 / 90 </td>
</tr>
<tr>
  <td>45 / 120 </td>
</tr>
<tr>
 <td> 54 / 120 </td>
</tr>
</table>
</body>
</html>








Latihan Membuat Tabel

<html>
<head>
<title>MEMBUAT DOKUMEN TABLE</title>
</head>
<body>
<table border=1 bgcolor=#4ff3300>
 <tr bgcolor=red>

  <td>data baris 1 kolom 1</td>
 <td>data baris 1 kolom 2</td>
 <td>data baris 1 kolom 3</td>

  </tr>

  <tr bgcolor=yellow>

  <td>data baris 2 kolom 1</td>
 <td>data baris 2 kolom 2</td>
 <td>data baris 2 kolom 3</td>

  </tr>

  <tr bgcolor=green>

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




Tugas Tabel 2

<head>
<tittle>penggunaan ALIGN</tittle>
</head>
<body>
<table border="1">
<caption>Daftar wiraniaga</caption>
<tr>
   <th colspan ="2" rowspan ="2">WIRANIAGA</th>
   <th colspan ="3">KOTA</th>
</tr>
<tr>
   <th>SEMARANG</th>
   <th>Kudus</th><th>Solo</th>
<tr>
<tr>
   <th rowspan ="2">Jenis Kelamin</th>
   <th>Pria</yh>
   <th align= "right">30</td>
   <td align= "right">20</td>
   <td align= "right">30</td>
</tr>
<tr>
   <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>




Rabu, 31 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>




Rabu, 24 Agustus 2016

Unodered List

<html>
<head>
<title>unodered list</title>
</head>
<body>
<b>Perangkat Input Komputer</b>
<ul type ="disk">
<li>keyboard</li>
<li>mouse</li>
<li>touch pad</li>
<li>lightpan</li>
<li>joy stick dan games paddle</li>
<li>barcode</li>
<li>scanner</li>
<li>camera digital</li>
<li>mikrofon</li>
<li>graphics pads</li>
<b>Perangkat Output Komputer</b>
<li>monitor</li>
<li>printer</li>
<li>speaker</li>
<li> LCD Proyektor</li>
<li>Plotter</li>
</ul>
</body>
</html>








<html>
<head>
<title>unodered list</title>
</head>
<body>
<b>Perangkat Input Komputer</b>
<ul type ="circle">
<li>keyboard</li>
<li>mouse</li>
<li>touch pad</li>
<li>lightpan</li>
<li>joy stick dan games paddle</li>
<li>barcode</li>
<li>scanner</li>
<li>camera digital</li>
<li>mikrofon</li>
<li>graphics pads</li>
<b>Perangkat Output Komputer</b>
<li>monitor</li>
<li>printer</li>
<li>speaker</li>
<li> LCD Proyektor</li>
<li>Plotter</li>
</ul>
</body>
</html>











<html>
<head>
<title>unodered list</title>
</head>
<body>
<b>Perangkat Input Komputer</b>
<ul type ="square">
<li>keyboard</li>
<li>mouse</li>
<li>touch pad</li>
<li>lightpan</li>
<li>joy stick dan games paddle</li>
<li>barcode</li>
<li>scanner</li>
<li>camera digital</li>
<li>mikrofon</li>
<li>graphics pads</li>
<b>Perangkat Output Komputer</b>
<li>monitor</li>
<li>printer</li>
<li>speaker</li>
<li> LCD Proyektor</li>
<li>Plotter</li>
</ul>
</body>
</html>












Ordered List

<html>
<head>
<title>ordered list</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b>
<ol type ="1">
<li>hidupkan komputer</li>
<li>klik start</li>
<li>klik all programs</li>
<li>pilih aplikasi notepad dan klik</li>
<li>notepad siap digunakan</li>
</ol>
</body>
</html>













<html>
<head>
<title>ordered list</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b>
<ol type ="A">
<li>hidupkan komputer</li>
<li>klik start</li>
<li>klik all programs</li>
<li>pilih aplikasi notepad dan klik</li>
<li>notepad siap digunakan</li>
</ol>
</body>
</html>












<html>
<head>
<title>ordered list</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b>
<ol type ="a">
<li>hidupkan komputer</li>
<li>klik start</li>
<li>klik all programs</li>
<li>pilih aplikasi notepad dan klik</li>
<li>notepad siap digunakan</li>
</ol>
</body>
</html>














<html>
<head>
<title>ordered list</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b>
<ol type ="I">
<li>hidupkan komputer</li>
<li>klik start</li>
<li>klik all programs</li>
<li>pilih aplikasi notepad dan klik</li>
<li>notepad siap digunakan</li>
</ol>
</body>
</html>















<html>
<head>
<title>ordered list</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b>
<ol type ="i">
<li>hidupkan komputer</li>
<li>klik start</li>
<li>klik all programs</li>
<li>pilih aplikasi notepad dan klik</li>
<li>notepad siap digunakan</li>
</ol>
</body>
</html>















Selasa, 23 Agustus 2016

Format Teks

<html>
<head><title>format teks</title>
</head>
<body>
<p>
<b>tulisan ini ditebalkan</b>
</p>
<p>
<strong>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>subscript
</sub>
</p>
<p>tulisan ini
<sup>superscipt</sup>
</p>
</body>
</html>









Ini Paragraf

<html>
<head>
<title>paragraf</title>
</head>
<body>
<p>ini adalah nama saya Eni ismawati.ini adalah alamat saya Bulusari,Kaligentong,Ampel,Boyolali.ini adalah hobi saya membaca.ini adalah cita-cita saya menjadi pengusaha sukses.ini adalah usia saya 14 tahun.ini adalah asal sekolah SMP saya Smp Islam Sudirman Ampel.ini adalah nama ayah saya Tukiman.ini adalah nama ibu saya Titik Masfiyah.</p>

</body>
</html>



Heading

<html>
<head>
<title>heading</title>
</head>
<body>
<h1>this is heading 1 Nama :Eni ismawati</h1>
<h2>this is heading 2 Kelas :X-TKJ 2</h2>
<h3>this is heading 3 No absen :10 </h3>
<h4>this is heading 4 Hobi :Membaca</h4>
<h5>this is heading 5 SMK : SMK KARYA NUGRAHA BOYOLALI</h5>
<h6>this is heading 6 Cita-cita : Pengusaha Kue < /h6>



Pre Format i





<HTML>
<HEAD>
<TITLE>Preformat </TITLE>
</HEAD>
<BODY>

<H2>Daftar Harga Keladi:</H2>

<PRE>

Red flash. . . . . . . .35. 000
Red fire . . . . . . . .60. 000
fannie Munson. . . . . .60. 000

</PRE>
Harga sewaktu-waktu bisa berubah.
</BODY>
</HTML>




Pre Format ii




<html>
<head>
<title>Tag Preformatted</title>
</head>
<body>
<pre>
This section provides a brife overview of the menus in
Dreamweaver
  The file menu and Edit menu contain the standard menu
  items or 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 = 1 to 10
    print i
next i
</pre>
</body>
</html>



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>



Senin, 15 Agustus 2016

Impianku

1.ingin punya laptop
2.ingin punya flashdisk
3.memahami semua materi pelajaran terutama mapel kejuruan
4.ingin mendapat juara pararel kelas X,XI,XII
5.ingin lulus dengan nilai yg terbaik
6.menjadi anggota bantara
7.lulus dalam setiap praktek
8.ingin kerja di kantor
9.mempunyai toko kue atau restoran
10.ingin membuatkan rumah untuk orang tua
11.menaikkan  haji kedua orang tua
12.membelikan sebuah anting atau kaling untuk ibu
13.pergi ke Paris dengan keluarga
14.dapat melaksanakan Pkl dengan baik agar dapat nilai yang baik
15.membanggakan kedua orang tua
16.menjadi anak yang baik,sholikhah,dan berbakti kpd orang tua
17.punya perusahaan berbagai kerajinan dari barang bekas agar dapat menciptakan lapangan kerja untuk orang lain
18.mendaki ke gunung Rinjani dengan teman dan kakak
19.membahagiakan semua orang yang ada didekatku
20.membuat sebuah panti asuhan untuk anak yatim atau gelandangan
21.lulus dari SMK KARYA NUGRAHA dengan nilai yg baik
22.menjadi guru Matematika
23.membeli mobil
24.membuat perpustakaan
25.membeli rumah sendiri dari hasil kerja

Kamis, 04 Agustus 2016

struktur halaman web

<html>
<head>
<title>Anatomi dokumen web
</title>
</head>
<body>Struktur dasar halaman dokumen website di buat oleh Eni Ismawati
</body>
</html>


BIODATA DIRI


Nama            ; Eni Ismawati
No.abs          ;10
Kelas            ;X-Tkj2Alamat  ;Bulusari,Kaligentong,Ampel,Boyolali
Hobi             ; Memasak dan Membaca
Nama Ayah  ; Tukiman
Nama Ibu     ; Titik