Kamis, 13 Oktober 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>


Diposting oleh di Tidak ada komentar:
Label:

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


Diposting oleh di Tidak ada komentar:
Label:

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>


Diposting oleh di Tidak ada komentar:
Label:

Kamis, 06 Oktober 2016

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


Diposting oleh di Tidak ada komentar:
Label:

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"><font color="#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>
<p><font color="#FF6633">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>

Diposting oleh di Tidak ada komentar:
Label:

Sabtu, 01 Oktober 2016

Tabel 2

<html>
<head>
<title>nested table 3</title>
</head>
<body>
<tabel border="3" cellpanding="10" cellspacing="10">
<td>
Sel berikutnya yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel.
</td>
<td> <table border="3" cellpading="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>
</head>
</html>




Diposting oleh di Tidak ada komentar:
Label:

Tabel1

<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<tabel 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>
</head>
</html>



Diposting oleh di Tidak ada komentar:
Label:

Kamis, 29 September 2016

Tabel di dalam tabel

<html>
<head>
<title>tabel di dalam tabel</title>
</head>
<body>
<table border=3 width=700 px height=300 px bgcolor=orange>
<tr>
<td rowspan=2>
<table border=1 width=200 px height=100 px align=center bgcolor=green>
<tr align=center>
<td> 1A</td>
<td> 2A</td>
</tr>
<tr align=center>
<td> 1B</td>
<td> 2B</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1 width=200 px height=100 px align=center bgcolor=green>
<tr align=center>
<td> 1C</td>
<td> 2C</td>
</tr>
<tr align=center>
<td> 1D</td>
<td> 2D</td>
</tr>
</table>
</td>
<tr>
</tr>
</table>
</body>
</head>
</html>







Diposting oleh di Tidak ada komentar:
Label:

Kamis, 08 September 2016

Dokumen HTML 5

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




















Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML 3

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

Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML 4

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


Diposting oleh di Tidak ada komentar:
Label:

Baris dan Kolom

<html>
<head>
<title>membuat baris dan kolom</title>
</head>
<body>
<table border=1 bgcolor=grey>       
<tr bgcolor=green>           
<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=purple>           
 <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:

Baris dan Kolom

Baris dan Kolom

<html>
<head>
<title>membuat baris dan kolom</title>
</head>
<body>
<table border=1 bgcolor=grey>       
<tr bgcolor=green>           
<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=purple>           
 <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:

Paragraf

tugas paragraf
<html>
<head>
<tittle>Paragraf</tittle>
</head>
<body>
 <p> Saya Lelianawati Kusuma Dewi Saya Sering Dipanggil Leli Hobi Saya Memasak Saya Ingin Menjadi Pramugari Saya Lahir Di Samarinda Pada Tanggal 22 November 2000</p>
<p> Alamat saya Dk, Pisah, Kel, Kragilan, Kec, Mojosongo, Kab, Boyolali Umur saya 15 tahun </p>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML 2

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


Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML

Dokumen HTML

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



Diposting oleh di Tidak ada komentar:
Label:

HEADING

Heading
<html>
<head>
<title>heading</title>
</head>
<body>
<h1>this is heading 1 Nama :LELIANAWATI KUSUMA DEWI</h1>
<h2>this is heading 2 Kelas :X-TKJ 2</h2>
<h3>this is heading 3 No absen :17</h3>
<h4>this is heading 4 Hobi :MEMASAK</h4>
<h5>this is heading 5 SMK : SMK KARYA NUGRAHA BOYOLALI</h5>
<h6>this is heading 6 Cita-cita :PRAMUGARI< /h6>


Diposting oleh di Tidak ada komentar:
Label:

UNORDERET LIST 2

TUGAS UNORDERED LIST2

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

Diposting oleh di Tidak ada komentar:
Label:

UNORDERET LIST 1

 TUGAS UNORDERED LIST 1
<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="circle">
<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="circle">
</body>
</html>   


Diposting oleh di Tidak ada komentar:
Label:

Format teks 4

tugas format teks 4 

<html> 
<head> 
<title>quotation</title> 
</head>
<body>
Tulisa Ini Bukan quotation
<blockquote>
tulisan ini adalah quotation <br>
tulisan ini adalah quotation <br>
tulisan ini adalah quotation <br>
</blockquote>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tabel 1.html

 01:Tabel 1.html

<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0 bgcolor=grey>
<tr bgcolor=green>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr bgcolor=blue>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr bgcolor=yellow>
<td rowspan=2baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Kamis, 01 September 2016

Tabel 2.html

Tugas
02:tabel2.html

<html>
 <head>
  <title>Penggunaan ALIGN</title>
 </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>SOLO</th>
</tr>
<tr>
 <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>
 <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:

text formatif 3

<html>
<head>
<title>tag preformat</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
    item for file and edit.
menus, such as new, open, save, save all, cut,copy,paste,undo,and redo
</pre>
<pre>
ini adalah
preformated text.
menampilkan     spasi
Dan Line Break apa adannya
</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>    


Diposting oleh di Tidak ada komentar:
Label:

format text 2

tugas format teks 2

 TUGAS FORMAT TEKS 2

 <html>
<head>
<title>preformat</title>
</head>
<body>
<H2>daftar harga keladi : </h2>
<pre>
Red Flash . . . . . 35.000
Red Flash . . . . . 60.000
fanie munson . . . . 60.000
</pre>
Harga Sewaktu-waktu bisa berubah.
</body>
</html>



Diposting oleh di Tidak ada komentar:
Label:

Format teks 1

tugas format teks 1


format teks

                                                 TUGAS FORMAT TEKS 1
 <html>
<head>
<title>Format Teks</title>
</head>
<body>
<p>
<b>Tulisan Ini Ditebalkan (bold)</bold>
</p>
<p>
<strong>tulisan ini ditebalkan
(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>Subscipt</sub>
</p>
<p>Tulisan Ini
<sup>Superscript</p>
</p>
</body>
</html   
Diposting oleh di Tidak ada komentar:
Label:

Rabu, 31 Agustus 2016

List Kombinasi 2

tugas list kombinasi 2

<html>
<head>
<title>list kombinasi</title>
<body>
<ol>
<li>Landasan Hukum/Legal Oprasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
           <ul type="a">
           <li>Tempat Penampungan Sementara(TPS)</li>
           <li>Tempat Pemrosesan Akhir(TPA)</li>
</ul>
<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah</li>
<li>Permasalahan dalam Pengelolaan Sampah</li>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

List Kombinasi 1

tugas list kombinasi 1

<html>
<head>
<title>list kombinasi</title>
<body>
<ol>tipe tipe tulisan sandi
<li>sandi abjad/sandi balik</li>
<li>sandi koordinat</li>
<li>sandi angka</li>
<li>sandi napoleon</li>
<li>sandi morse</li>
          <ul type="square">
          <li>sandi rumput</li>
          <li>sandi bangun(bentuk)</li>
          <li>sandi kimia</li>
          <li>sandi morse 1/</li>
</ul>
<li>sandi semaphore</li>
<li>sandi jam</li>
<li>sandi nomor</li>
<li>sandi geser</li>
<li>sandi naik turun tingkat</li>
</body>
</head>
</html>
                                                      

Diposting oleh di Tidak ada komentar:
Label:

Target Mimpiku

1. Berubah untuk tidak mudah emosi
2. Beribadah sholat 5 waktiu tanpa bolong lagi
3. Mencoba untuk menjadi mandiri dengan bekerja
4. Membanggakan orangtua   dunia akhirat
5. Saya ingin menjadi pengusaha sukses dan handal
6. Menjadi orang yang selalu percaya diri
7. Menjadi orang yang selalu bisa di percaya
8. Menjadi orang yang selalu bertanggung jawab penuh
9. Menjadi orang  yang jujur dan apa adanya
10. Menjadi muslimah sejati
11. Selalu berbakti kepada orang tua
12. Lebih tekun belajarnya
13. Saya ingin  mempunyai sepeda motor
14. Saya ingin memperbaiki akhlak
15. Saya ingin menjadi pramugari
16. Saya ingin bisa menulis aksara jawa dengan lancar
17. Saya ingin menghafal aksara jawa
18. Saya ingin menjadi juara 1 pararel
19. Saya pengen bisa belajar banyak tentang komputer
20. Saya ingin mendapat restu  dari orang tua untuk menjadi anggota organisasi di kepramukaan
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Komentar (Atom)