Kamis, 06 Oktober 2016

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