CARA PALING MUDAH MEMBUAT TABEL COLSPAN

<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">Benua</th>
<th colspan="2" scope="col">EROPA </th>
<th colspan="2" scope="col">ASIA </th>
</tr>
<tr>
<td>Negara </td>
<td>Belanda</td>
<td>Italia</td>
<td>Indonesia</td>
<td>India</td>
</tr>
</table>
</body>
</html>

CARA TERMUDAH MEMBUAT TABEL DENGAN ROWSPEN

<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">Benua</th>
<th scope="col">Negara </th>
</tr>
<tr>
<td rowspan="4">ASIA </td>
<td>Arab Saudi </td>
</tr>
<tr>
<td>India </td>
</tr>
<tr>
<td>Indonesia </td>
</tr>
<tr>
<td>Singapura </td>
</tr>
<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>
</html>

tabel colspan

<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 rowspan="4">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 ROWSPEN

<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>
<td>36 / 90 </td>
</tr>
<tr>
<td>45 / 120 </td>
</tr>
<tr>
<td>54 / 120 </td>
</tr>
</table>
</body>
</html>

Daftar Wiraniaga

<html>
<head>
<title>penggunaan ALIGN</title>
</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</th>
<th align= "right">30</td>
<th align= "right">20</td>
<th 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>

Tabel

<html>
<head>
<title>tabel</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan=2baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>

Pemrograman Web

<html>
<head>
</head>
<body>
<ol>
<li>Landasan Hukum/Legal Operasional
<li>Aspek Institusional
<li>Cakupan Pelayanan
<li>Aspek Teknis dan Teknologi
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemrosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah</li>
<li>Permasalahan dalam Pengelolaan Sampah</li>
</li>
</ol>
</body>
</html>

Tipe-tipe tulisan sandi

<html>
<head>
<title>Tipe-tipe tulisan sandi</title>
</head>
<body>
<ol>
Tipe-tipe Tulisan sandi
<ol>
<li>Sandi Abjad/Sandi Balik
<li>sandi koordinat
<li>sandi angka
<li>sandi napoleon
<li>sandi morse
<ul type="square">
<li>sandi rumput </li>
<li>sandi bangun(bentuk)</li>
<li>sandi kimia</li>
<li>sandi morse 1/ </li>
</ul>
<li>sandi semaphore</li>
<li>sandi jam</li>
<li>sandi nomor</li>
<li>sandi geser</li>
<li>sandi naik turun tingkat</li>
</li>
</ol>
</body>
</html>