20160925

Tabel didalam Tabel

<html>
<head>
<title>tabel didalam tabel</title>
</head>
<body>
<table border=1 bg color>
<tr>
<td rowspan=2>
<table border=1>
<tr>
<td>tabel didalam tabel</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1>
<tr>
<td>tabel didalam tabel</td>
</tr>
</table>
</td>
</td>
</tr>
</tr>
</table>
</body>
</html>
</body>
</html>

20160905

Membuat tabel buah buahan

<html>
<head>
<title>membuat tabel buah buahan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td>apel</td>
<td rowspan="2">jeruk</td>
<td>mangga</td>
</tr>
<tr>
<td>pisang</td>
<td>nanas</td>
</table>
</tr>
</body>
</html>

20160904

Tabel Dengan Rowspan

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

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

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

list kombinasi

<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="A">
<li>tes
<ul>
<li>tes 1</li>
<li>tes 2</li>
</ul>
</li>
<li>coba
<ul>
<li>coba 1</li>
<li>coba 2</li>
</ul>
</li>
</ol>
</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>


20160903

Type type sandi

<html>
<head>
<title>Tipe tipe tulisan sandi</title>
</head>
<body>
<ol>
<li>Sandi Abjad
<ul>
<li>Sandi Abjad/Sandi Balik</li>
<li>Sandi Koordinat</li>
<li>Sandi Angka</li>
<li>Sandi Napoleon</li>
<li>Sandi Morse</li>
</ul>
</li>
<ul type="disk">
<li>Sandi Rumput</li>
<li>Sandi Bangun (Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse</li>
</ul>
</li>
<ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomor</li>
<li>Sandi Geser</li>
<li>Sandi Naik Turun Tingkat</li>
</ul>
</ol>
</body>
</html>

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=2>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>


<html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body>
<table border="1">
<caption>Daftar wiraniaga</captain>
<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</th>
<td align= "right">20</td>
<td align= "right">30</th>
</tr>
<tr>
<th>wanita</th>
<td align= "right">20</td>
<td align= "right">8</td>
<td align= "right">18</td>
</tr>
</table>
</body>
</html>