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²) </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>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²) </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 di dalam tabbel

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

html4

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

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>

halaman html3

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

dokumen html5

Dokumen HTML 5

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>