langkah-langkah membuka notepade

<html>
<head><title>tugas membuat odered list</title>
</head>
<body>
<b>langkah - langkah membuka notepad</b>
<ol>
<li>klik start</li>
<li>tulis notepad pada search</li>
<li>pilih notepad dan pilih</li>
</body>
</html>

tugas format teks 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>   

tugas unordered list 2

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

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>

tabel spaning 3

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

tabel dan spaning

<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²) </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>

dokumen html 2

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

tugas dokumen html 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>

leftt index

<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="#FFFF98">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

jobseet

<html>
<head>
<title>right color</title>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="450" border="2" align="center" cellspacing="1">
<tr>
<th width="627" height="23" align="center" bgcolor="orange" colspan="2"><strong>
<font size="+4">SMK KARYA NUGRAHA</font><strong></th>
<tr>
<th width="170" bgcolor="yellow">
<a href="home.html">home</a></br>
<a href="about.html">about</a></br>
<a href="audio.html">audio</a></br>
<a href="gambar.html">gambar</a></br>
<td height="160" align="center" valign="center" bgcolor ="white">
<b>INTRODUCE MY SELF</b>
<p> Perkenalkan nama saya riwan dwi agana alamat randusari,teras,Boyolali,Jawa Tengah,
sekolah di SMK KARYA NUGRAHA BOYOLALI mengambil jurusan TEKHNIK KOMPUTER DAN JARINGAN ( TKJ ) kelas 10, tempat tanggal lahir Boyolali 20 desember 2000, Thank You Very Much..</p>
</td>
</tr>
<tr>
<td height="35" colspan="2" align="center" bgcolor="orange" font size="+2" >Copyright&copy;sekolahkita.com</font>
</tr>
</td>
</table>
</body>
</html>

tabel dengan colspan 3

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

dolumen html 2

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

online order 3

<html>

<head>

<title>tabel rumit</title>

</head>

<body>

              <td>Online Order</td>
<table border="2" width="300" bgcolor=blue>

<tr>

<th bgcolor=greenpink>description </th>

<th bgcolor=yellow>qty </th>

<th bgcolor=orange>price</th>

<th bgcolor=red>email account note</th>

</tr>

<tr>

<td width="100" bgcolor=greenpink>email account </td>

<td bgcolor=yellow>10</td>

<td bgcolor=orange>$9.90</td>

<td rowspan="5">

<table border="2">

<tr>

<td bgcolor=red>mailbox </td>

<td bgcolor=red>10 Gb</td>

</tr>

<tr>

<td bgcolor=red>webmail</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>POP3</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>IMAP</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>Anti-Spam</td>

<td bgcolor=red>yes</td>
</tr>

</table>
</td>

</tr>

<tr>

<td bgcolor=greenpink>FYIcenter.com ad</td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$99.00</td>

</tr>

<tr>

<td bgcolor=greenpink>1-year access </td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$199.00</td>

</tr>

<tr>

<td colspan="2" align="right">shipping</td>

<td bgcolor=orange>$3.99</td>

</tr>
<tr>

<td colspan="2" align="right">Tax</td>

<td bgcolor=orange>$15.99</td>

</tr>

</table>

</body>

</html>

tabel 4

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

tabel 5

<html>

<head>

<title>tabel rumit</title>

</head>

<body>
 <b>Dibuat oleh Riwan Dwi Agana</b>




<table bgcolor="greenpink"  width="300">

<td> table>tr>td

<table bgcolor="yellow" width="280" height="70" align="center">
 <tr>

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

</table>

</td>
</table>
<table bgcolor="greenpink" width="300">

<tr>

<td>
<table bgcolor="yellow" width="280" height="80" align="center">

<tr>

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

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="greenpink" width="300">

<tr>

<td>

<table bgcolor="yellow" width="280" height="90" align="center" >

<tr>

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

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="greenpink" width="300">

<tr>

<td>

<table bgcolor="yellow" width="280" height="100" align="center">

<tr>

<td> table>tr>td

<table>
 <td bgcolor="orange" width="40" height="350" valign="top">td</td>

 <td bgcolor="orange"   width="150" height="350" valign="top">td

 <table width="130" bgcolor="red" height="250" align="center">
 <tr>
 <td valign="top">table>tr>td
 <table>
 <td bgcolor="white" width="170" height="40">td</td>

 </table>

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

 </table>

 <table>
 <td bgcolor="white" width="170" height="40" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="40" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="80" valign="top">td</td>
 </table>

 </td>



 </tr>
 </table>
 <td  bgcolor="orange "width="40" height="350" valign="top">td</td>

 </td>
 </table>

</td>

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

</table>
<table bgcolor="yellow" width="300">

<tr>

<td>
<table bgcolor="orange" width="280" height="40" align="center">

<tr>

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

</tr>

</table>
</td>

</tr>

</table>
</body>

</html>

tabel dengan rowspan

<html>
<head>
<title>dengan rowspan</title>
</head>
<body>
<table width="500" border="1">
  <tr>
   <th scope="col">namaperumahan </th>
   <th scope="col">tipe / luas tanah
  (m²) </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>
</table>
</body>
</html>     

 

top index

<!doctype html>
<head>
<title>Top index</title>
</head>
<body>
<form id="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="#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>

Trik Membuat Tabel di Dalam Tabel

Trik membuat Tabel di Dalam Tabel. Hai teman teman, kali ini saya akan membagi cara membuat tabel seperti gambar di bawah ini :

Untuk mendownload skrip HTML nya bisa di klik link di bawah ini !!!

TABEL DENGAN COLSPAN

<html>

   <head>

   <title>Tabel dengan Colspan</title>

   </head>

   

   <body>

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

     <tr>

       <th scope="co1">Perumahan</th>

       <th colspan="4" scope="co1">Tipe / luas

   tanah (m²) </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>

TABEL DENGAN NAMA

  <html>
   
   <head>

   <title>Tabel Dengan Rowspan</title>

   </head>


   <body>

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

     <tr>

       <th scope="co1">Nama Perumahan </th>

       <th scope="co1">Tipe / Luas tanah
   (m²) </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>