Home Archives for 2016

Kamis, 10 November 2016

Alternating Index

<!DOCTYPE html >

<head>

<title>alternating</title>

 </head>

<body>

<form id="form1" name="form1" 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></font></td>

</tr> </table>

</form>

</body>

</html>
           
                                           
Read More

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 















                  

                

                

              

Kamis, 08 September 2016


                

              








tugas membuat tabel dan spening

























<head>

<title>Tabel Dengan Rowspan </title>

</head>

<body>

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

<tr>

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

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

</tr>

<tr>

<td rowspan ="4">Negara </td>

<td>Arab saudi </td>

</tr>

<tr>

<td>India</td>

</tr>

<tr>

 <td>Indoensia </td>

</tr>

<tr>

 <td>Singapura </td>

</tr>

<td rowspan ="4"> Eropa </td>

<td>Belanda </td>

</tr>

<tr>

<td>Italia</td>

</tr>

<tr>

 <td>Inggris </td>

</tr>

<tr>

 <td>Jerman </td>

</tr>

</table>

</body>



                                                









Read More 






















tugas membuat tabel dan speaning

























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



                                         









Read More 






















tugas membuat tabel dan spening

























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



                                                







                                   









Read More 






















Tugas Membuat tabel 2

























<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=blue>
<td> baris 1 kolom 1</td>
<td> baris 1 kolom 2</td>
</tr>
<tr bgcolor=blue>
<td colspan=2>baris2kolom1</td>
</tr>
<tr bgcolor=blue>
<td rowspan =2baris3kolom1</td>
<td>baris3kolom2</td>
</tr>
</table>
</body>
</html>









Read More 















                  

                

                

              

Kamis, 01 September 2016


                

              








Latihan membuat tabel

























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







                      

















Read More 






















tugas membuat tabel 1

























<html>
 <head>
 <title>penggunaan ALGIN</title>
 </head>
<body>
<table border="1">
<caption>Daftar wiraning</caption>
<tr>

 <th colspan ="2" rowspan="2">WIRANIAGA</th>

 <th colspan="3">KOTA</th>
</tr>
<tr>
 <th>SEMARANG</th>
 <th>kudus</th><th>solo>
</tr>
<tr>
 <th rowspan ="2">Jenis Kelamin </th>
 <th>Pria</th>
 <td> align= "right"><30</td>
 <td> align= "right"><20</td>
 <td> align= "right"><30</td>
</tr>
<tr>
 <th>wanita</td>
 <td algin="right">20</td>
 <td algin="right">8</td>
 <td algin="right">18</td>
</tr>

</table>
</body>
</html>

                                 









Read More 






















Format teks

























<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="square">
<li>Keyboard</li>
<li>mouse</li>
<li>Touchpad</li>
<li>Light Pen</li>
<li>JoyStick</li>
<li>Barcode</li>
<li>Scanner</li>
<li>Camera Digital</li>
<li>mikrofon</li>
<li>Graphics Pads</li>
<li>Pensil</li>
<b>Macam - macam phuriperal</b>
<b>    Perangkat Output </b>
<li>Monitor</li>
<li>Printer</li>
<li>spiker</li>
<li>proyektor</li>
<li>Plotter</li>
</ul type="square">
</body>
</html>
                                                                                





                                             



Read More 















                  

                

                

              

Kamis, 25 Agustus 2016


                

              








tugas list kombinasi 2

























<html>

<head>

<title>list kombinasi</title>

</head>

<body>

<p>Tipe-tipe tulisan sandi</p>

<ol type="1">

<li>landasn hukum/legal operasional

<li>aspek institusional

<li>cakupan pelayanan

<li>aspek teknis dan teknologi

<ul>

<li>tempat penampungan sementara(TPS)</li>

<li>tempat pemrosesan akhir(TPA)</li>

</ul>

</li>

<li>peran serta masyarakat dan jender dalam pengelolaan sampah

<li>permasalahan dalam pengelolahan sampah

</li>

</ol>

</body>

</html> 







                                        



Read More 






















tugas list kombinasi 1

























<html>

<head>

<title>list kombinasi</title>

</head>

<body>

<p>Tipe-tipe tulisan sandi</p>

<ol type="1">

<li>sandi abjad/sandi balik

<li>sandi kordinat>

<li>sandi angka

<li>sandi napoleon

<li>sandi morse

<ul>

<li>sandi rumput</li>

<li>sandi nagun(bentuk)</li>

<li>sandi kimia</li>

<li>sandi morse1/</li>

</ul>

</li>

<li>sandi smaphore

<li>sandi jam

<li>sandi nomor

<li>sandi geser

<li>sandi naik turun tingkat

</li>

</ol>

</body>

</html>

                                                        

                                                           





                                               



Read More 















                  

                

                

              

Senin, 22 Agustus 2016


                

              








TARGET SAYA

























                                             25 TARGET SAYA 

1.Lulus dalam waktu 3 tahun

2.Bisa mendapatkan peringkat di kelas

3.mempunyai laptop

4.menjadi orang sukses

5.bisa membahagiakan orang tua

6.mendapatkan pekerjaan yang baik

7.dapat membuat rumah sendiri

8.memjadi seorang pengusaha

9.bisa hafal al quran

10.Bisa kuliah

11.dapat membeli motor sendiri

12.keliling dunia

13.bisa meraih cita"

14.ingin membawa nama baik keliarga

15.ingin masuk surga

16.membanggakan bapak ibu guru

17.pengen menjadi anak sholeh

18.ingin mempunyai mobil lamborghini

19.touring bersama teman"

20.ingin mendaki gunung

21.ingin menjadi orang hebat

22.bisa mengajak ortu ke jepang

23.bisa membuat mobil

24.punya pacar yang cantik

25.menjadi seseorang yang berguna



Read More 






















quotation

























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













Read More 






















Pre format

























<html>
<head>
<title>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 = 1 to 10
     print i
next i
</pre>
</body>
</html>













Read More 






















Format teks


























<HTML>

<HEAD>

<TITLE>preformat </TITLE>

</HEAD>

<BODY>

<H2>daftar harga keledai:</H2>

<PRE>

Red flash.........35.000

Read Fire.........60.000

Fannie munson.....60.000

<PRE>

Harga Sewaktu-waktu bis berubah.

</BODY>

</HTML>






Add caption











    









Read More 















                  

                

                

              

Kamis, 18 Agustus 2016


                

              








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(setrong)</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
<sup>superscript</sup>
</p>
</body>
</html>




                     









Read More 






















Daftar minuman

























<html>

<head><title>unordered list</title>

</head>

<body>

<b>Daftar minuman</b>

<ol>

<li>es jeruk</li>

<li>es teh</li>

<li>teh panas</li>

<li>es buah</li>

<li>es lemon tea</li>

</body>

</html>            





              







                            



Read More 






















langkah-langkah membuka note pad


























<html>



<head><title>tugas membuat odered list</title>



</head>



<body>



<b>Langkah-langkah membuka note pad</b>



<ol type="1"</ol>



<li>klik star</li>



<li>all programs</li>



<li>pilih accecories</li>



<li>klik note pad</li>



</body>



</html>













        



Read More 















                  

                

                

              

Kamis, 04 Agustus 2016


                

              








struktur dasar halaman web site

























<html>

<head>

        <tittle>Assalamualaikum</tittle>

</head>

<body>

        <p> nama saya Alfrendo Zain M. Saya lahir pada tanggal 23 november 2001. Saya anak pertama dari 2 bersaudara. saya



tinggal di desa grenjeng. hobiku volly . cita-cita saya inggin menjadi pengusaha. </p>



        <p> sekian dari saya . atas perhatiannya yaa.       wassalamualaikum wr wb. </p>

</body>

</html>

                                  





                                 



Read More 






















struktur dasar halaman web site

























<html>

<head>

       <title>anatomi dokumen web</title>

</head>

<body>

       <h1>This is heading 1 Alfrendo Zain M</h1>

       <h2>This is heading 2 X-Tkj 2</h2>

       <h3>This is heading 3 3</h3>

       <h4>This is heading 4 volly</h4>

       <h5>This is heading 5 SMK karya nugraha</h5>

       <h6>This is heading 6 Pengusaha</h6>

</body>

</html>                                        

                         









Read More 















                  

                

                

              

Kamis, 28 Juli 2016


                

              








Biodataku

























Hay teman teman saya mau memperkenalkan diri  :)

Nama: Alfrendo

asal sekolah : smkknubi

hobi: sepakbola

alamat: grenjeng,siwal,kaliwungu,semarang

cita-cita: Pengusaha

IG:alfrendo_putra

FB:alfrendo

no hp:085747212722 









Read More 















              

            










Langganan:
Postingan (Atom)