Kamis, 08 September 2016

Tabel Buah

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="gold">
<tr bgcolor=pink>
<th scope="col">Apel </th>
<th rowspan="4" scope="col">Jeruk </th>
<th colspan="4" scope="col">Mangga </th>
</tr>
<tr bgcolor=pink>
<th scope="col">Pisang </th>
<th colspan="4" scope="col">Nanas </th>
</tr>
<tr bgcolor=pink>
<td>Leci</td>
</tr>
</table>
</body>
</html>


Tabel Benua

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


Tabel Nama Bagian Benua

<html>
<head>
<title>Tabel dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr bgcolor=white>
<th scope="col">Benua</th>
<th scope="col">Negara</th>
</tr>
<tr bgcolor=pink>
<td rowspan="4">Asia</td>
<td>Arab Saudi</td>
</tr>
<tr bgcolor=pink>
<td>India</td>
</tr>
<tr bgcolor=pink>
<td>Indonesia</td>
</tr>
<td>Singapura</td>
</tr>
<tr bgcolor=pink>
<td rowspan="4">Eropa</td>
<td>Belanda</td>
</tr>
<tr bgcolor=pink>
<td>Italia</td>
</tr>
<tr>
<td>Inggris</td>
</tr>
<tr bgcolor=pink>
<td>Jerman</td>
</tr>





Tabel Colspan

<html>
<head>
<title>Table dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr bgcolor =pink>
<th scope="col">Perumahan</th>
<th colspan="4" scope="col">Tipe / Luas
tanah (m<sup>2<sup>) </th>
</tr>
<tr bgcolor=pink>
<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>Table Dengan Rowspan</title>
</head>
<body>
<table width="500" border ="1">
<tr bgcolor=pink>
<th scope="col">Nama Perumahan </th>
<th scope="col">Tipe / Luas tanah
(m<sup>2<sup>)  </th>
</tr bgcolor=pink>
<tr>
<td rowspan="4">Griya Indah Permai </td>
<td>21 / 60 </td>
</tr>
<tr bgcolor=pink>
<td>36 / 90 </td>
</tr>
<tr bgcolor=pink>
<td>45 / 120 </td>
</tr>
<tr bgcolor=pink>
<td>54 / 120 </td>
</tr>
</table>
</body>
<html>


Kamis, 01 September 2016

Tugas Tabel 3

<html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body>
<table border = "1" bgcolor=pink>
<caption>Daftar wiraniaga</caption>
<tr bgcolor=white>
<th colspan ="2">WIRANIAGA</th>
<th colspan ="3">KOTA</th>
</tr>
<tr bgcolor=pink>
<th>SEMARANG</th>
<th>Kudus</th><th>Solo</th>
<tr>
<tr bgcolor=pink>
<th rowspan ="2">Jenis Kelamin</th>
<th>Pria</th>
<th align= "right">30</td>
<td align= "right">20</td>
<td align= "right">30</td>
</tr>
<tr bgcolor=pink>
<th>wanita</th>
<td align= "right">20</td>
<td align= "right">8</td>
<td align= "right">18</td>
</tr>
</table>
</body>
</html>


Tugas Tabel 1

<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh table dengan rowspan dan colspan
<table width=80% border=2cellspacing=0 cellpadding=0 bgcolor=#33cc66>
<tr bgcolor=pink>
<td> baris 1 kolom 1</td>
<td> baris 1 kolom 2</td>
</tr>
<tr bgcolor=pink>
<td colspan=2>baris2kolom1</td>
</tr>
<tr bgcolor=pink>
<td rowspan =2baris3kolom1</td>
<td>baris3kolom2</td>
</tr>
</table>
</body>
</html>


Membuat Tabel

<html>
<head>
<title>membuat baris dan kolom</title>
</head>
<body>
<table border=1 bgcolor=pink>
<tr bgcolor=white>
<td>data baris 1 kolom 2</td>
<td>data baris 1 kolom 2</td>
<td>data baris 1 kolom 3</td>
</tr>
<tr>
<td>data baris 2 kolom 1</td>
<td>data baris 2 kolom 2</td>
<td>data baris 2 kolom 3</td>
</tr>
<tr bgcolor=blue>
<td>data baris 3 kolom 1</td>
<td>data baris 3 kolom 2</td>
<td>data baris 3 kolom 3</td>
</tr>
</table>
</body>
</html>