Kamis, 06 Oktober 2016

tabel rumit

<html>

<head>

<title>tabel rumit</title>

</head>

<body>
 <b>Dibuat oleh Rohmah nur aini</b>




<table bgcolor="green"  width="250" Border=2>

<td> table>tr>td

<table bgcolor="green" width="280" height="30" align="center" Border=2>
 <tr>

 <td valign="top">table>tr>td</td>
</tr>

</table>

</td>
</table>
<table bgcolor="green" width="280" Border=2>

<tr>

<td>
<table bgcolor="green" width="280" height="30" align="center" Border=2>

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="green" width="280" Border=2>

<tr>

<td>

<table bgcolor="green" width="280" height="30" align="center" Border=2>

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="green" width="280" Border=2>

<tr>

<td>

<table bgcolor="pgreen" width="280" height="300" align="center" Border=2>

<tr>

<td> table>tr>td

<table>
 <td bgcolor="green" width="40" height="70" valign="top">td</td Border=2>

 <td bgcolor="reen" 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="green" width="170" height="20">td</td>

 </table>

 <table>
 <td bgcolor="green" width="170" height="20">td</td>

 </table>

 <table Border=2>
 <td bgcolor="green" 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="green "width="40" height="100" valign="top">td</td>

 </td>
 </table>

</td>

</tr>
</table>
</td>
</tr>

</table>
<table bgcolor="green" width="280" Border=2>

<tr>

<td>
<table bgcolor="green" width="280" height="20" align="center" Border=2>

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>
</body>

</html>

tabel 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=green bgcolor=pink><strong><fount 

size=+5>Banner atau iklan </fount></strong></td>
</tr>
<tr>
<td height=27 algin=center bgcolor=green><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=blue> body atau contest(isi)</fount></p>
<p><fount color=blue> body atau contest(isi)</fount></p>
<p><fount color=blue> body atau contest(isi)</fount></p>
<p><fount color=blue> body atau contest(isi)</fount></p>
</tr>
<tr>
<td height=23 algin=center bgcolor=green><fount color=green> info tambahan atau 

lain lain</fount>
</td>
</tr>
</table>
</from>
</body>
</html>

tabel nested 3

<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="10" cellspacing="10">
           <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 bersarang

<html>
<head>
<title>tabel bersarang</title>
</head>

<body>
<table border=1>
<tr>
  <td>
<tble 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>


Selasa, 13 September 2016

table rowspan

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

table clospan

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

table clospan 2

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="green">
  <tr bgcolor="yellow">
    <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>

table rowspan 4

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

table dengan clospan

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="yellow">
  <tr bgcolor="blue">
    <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>

Rabu, 07 September 2016

list kombinasi 1

<html>
<head>
<title> List Kombinasi </title>
</head>
<body>
<ol>Tipe-tipe Tulisan Sandi
<li>Sandi Abjad/Sandi Balik</li>
<li>Sandi Koordinat</li>
<li>Asndi Angka</li>
<li>Sandi Napoleon</li>
<li>Sando Morse</li>
<ul type="square">
<li>Sandi Rumput</li>
<li>Sandi Bangun (Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse1</li>
</ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomer</li>
<li>Sandi Geser</li>
<li>Sandi Naik turun Tingkat</li>
</body>
</html>

list kombinasi

<html>
<head>
<title>List Kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum
<li>Aspek Institusional
<li>Cakupan Pelayanan
<li>Aspek Teknis dan Teknologi
<ul>
<li>Tempat Penampungan Sampah(TPS)</li>
<li>Tempat Pemprosesan Sementara(TPA)</li>
</ul>
</li>
<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah
<li>Permasalahan dalam Pengelolaan Sampah
</li>
</ol>
</body>
</html>

list kombinasi 2

<html>
<head>
</head>
<body>
<ol type="A">
<li>Perangkat Input
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Microphone</li>
<li>Scanner</li>
<li>Finger Print</li>
<li>Graphic Pad</li>
<li>Light Pan</li>
<li>Camera Digital</li>
<li>Web Cam</li>
</ul>
</li>
<li>Perangkat Output
<ul type="square">
<li>Monitor</li>
<li>Printer</li>
<li>Plotter</li>
<li>Proyektor</li>
</ul>
</li>
</ol>
</body>
</html>

tugas table 1

<html>
<head>
<title>TABLE</table>
</head>
<body>
berikut contoh table dengan rowspan dan clospan
<table width=728px border=2cellespacing=0 cellpadding=0>
<tr bgcolor=blue>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr bgcolor=purple>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr bgcolor=yeloww>
<td rowspan=2>baris 3 kolom 1</td>
</tr>
</table>
</body>
</html>

tugas membuat table html

<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 membuat table 2

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

Kamis, 25 Agustus 2016

anodered list

<html>
<body>
<head>
<title>Oderet List</title>
</head>
<b>Perangkat input komputer</b>
<ul type="circle">
<li>kyboard</li>
<li>mouse</li>
<li>touchpad</li>
<li>light pen</li>
<li>joy stick</li>
<li>barcode</li>
<li>scanner</li>
<li>camers digital</li>
<li>graphics pads</li>
<li>mikeofon</li>
</ul>
</body>
</html>

biodata

 hay teman teman saya ingin memperkenalkan diri saya

nama           :Rohmah nur aini
umur           :15 tahun
tmpt.lahir     :Boyolali
tgl.lahir        :21 mei 2001
asal             :SMP NEGERI 4 MOJOSONGO
hobi            :menggambar
alamat         :gatak rt/01 rw/07 kopen, teras, boyolali
sekolah       :SMK KARYA NUGRAHA BOYOLALI
jurusan        :teknik komputer dan jaringan
bintang        :gemini
makanan     :nasgor

saya sudah perkenalan saya, dan sampai jumpa

impianku

    targetku impianku

1.  Saya ingin menjadi peringkat 1 pararel kelas
2.  saya ingin menjadi murid yang tertib dan taat di sekolahan
3.  saya ingin menjadi anggota OSIS di SMK KARYA NUGRAHA BOYOLALI
4.  saya ingin menjadi anggota paskibraka
5.  saya ingin bersekolah di smk karya nugraha selam 3 tahun
6.  saya ingin melanjutklan ke sekolahan yang lebih tinggi
7.  saya ingin menjadi teman yang baik dan mempunyai teman yang baik di sekolah
8.  saya ingin di sayangi oleh semua teman dan guru guru saya
9.  saya ingin menjadi yang terbaik di sekolahan SMK KARYA NUGRAHA BYOLALI 
10. saya ingin lulus 100% dengan nilai yang memuaskan
11. saya ingin membagakan orang tua saya
12. saya ingin nilai saya di sekolahan selalu memenuhi KKM yang sesuai
13. saya ingin bisa hidup mandiri
14. Keliling Indonesia dan berfoto di tiap ikon daerah yang dikunjungi
15. Memiliki perusahaan
16. Menikah dengan suami yang sholeh, ganteng, baik, sederhana tapi kehidupan tercukupi
17. Menjadi penyumbang di berbagai masjid dan yayasan social
18. Mengunjungi 7 keajaiban dunia versi UNESCO
19. sukses di masa depan
20. Menjadi mentor yang baik dan dapat dijadikan contoh bagi adik – adiknya
21. Menguasai bahasa asing, English,
22. inggin jadi orang pintar
23. Bisa menguasai software – software
24. Membeli mobil ferari
25. Memenangkan kompetisi.

tugas odered list

<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol>
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

dokumen html performateed

<html>
<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 menuitems for File and Edit.
menus, such as New, Open, Save, Save All, Cut, Copy, Paste, Undo,and Redo
</pre>
<pre>
Ini adalah preformated teks.
Menampilkan spasi Dan line break apa adanya.
</pre>
<p>Tag PRE cocok untuk menampilkan kode bahasa pemrograman komputer :</p>
<pre>
for i = 1 to 10
     prin i
next i
</pre>
</body>
</html>

dokumen html format teks

<html>
<head>
<title>Format Teks</title>
</head>
<body>
<p>
<b>Tulisan ini ditebalkan (bold)</b>
</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>subscript</sub>
</p>
<p>Tulisan ini
<sup>superscript</sup>
</p>
</body>
</html>

dokumen pemformatan

<html>
<head>
<title>preformat</title>
</head>
<body>
<h2>daftyar harga keladi :</h2>
<pre>
red flash             35.000
red fire               60.000
fannie munsone   60.00
</pre>
harga sewaktu-waktu bisa berubah
</body>
</html>


struktur dasar halaman web site

<html>
<head>
<title>Anatomi dokumen web</title>
</head>
<body>
Struktur dasar halaman website di buat oleh Rohmah Nur Aini
</body>
</html>
<html>
<head>
       <title>Heading</title>
</head>
<body>
       <h1>This is heading 1 ROHMAH NUR AINI</h1>
       <h2>This is heading 2 X TKJ2</h2>
       <h3>This is heading 3 26</h3>
       <h4>This is heading 4 MENGGAMBAR</h4>
       <h5>This is heading 5 SMK KARYA NUGRAHA BOYOLALI</h5>
       <h6>This is heading 6 DOKTER</h6>
</body>
</html>