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>