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>

table rowspan 4

<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="purple">
  <tr bgcolor="purple">
    <th scope="col">Benua </th>
    <th scope="col">Negara (m<sup>2</sup>) </th>
  </tr>
  <tr bgcolor="blue">
    <td rowspan="4">Asia </td>
    <td>Arab Saudi </td>
  </tr>
  <tr bgcolor="red">
    <td>India</td>
  </tr>
  <tr bgcolor="yellow">
    <td>Indonesia </td>
  </tr>
  <tr bgcolor="red">
    <td>Singapura </td>
  </tr>
  <tr bgcolor="blue">
    <td rowspan="4">Eropa</td>
    <td>Belanda </td>
  </tr>
  <tr bgcolor="yellow">
    <td>Italia </td>
  </tr>
  <tr bgcolor="red">
    <td>Inggris </td>
  </tr>
  <tr bgcolor="blue">
    <td>Jerman </td>
  </tr>
</table>
</body>
</html>

table dengan clospan

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="yellow">
  <tr bgcolor="blue">
    <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>

Rabu, 07 September 2016

list kombinasi 1

<html>
<head>
<title> List Kombinasi </title>
</head>
<body>
<ol>Tipe-tipe Tulisan Sandi
<li>Sandi Abjad/Sandi Balik</li>
<li>Sandi Koordinat</li>
<li>Asndi Angka</li>
<li>Sandi Napoleon</li>
<li>Sando Morse</li>
<ul type="square">
<li>Sandi Rumput</li>
<li>Sandi Bangun (Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse1</li>
</ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomer</li>
<li>Sandi Geser</li>
<li>Sandi Naik turun Tingkat</li>
</body>
</html>

list kombinasi

<html>
<head>
<title>List Kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum
<li>Aspek Institusional
<li>Cakupan Pelayanan
<li>Aspek Teknis dan Teknologi
<ul>
<li>Tempat Penampungan Sampah(TPS)</li>
<li>Tempat Pemprosesan Sementara(TPA)</li>
</ul>
</li>
<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah
<li>Permasalahan dalam Pengelolaan Sampah
</li>
</ol>
</body>
</html>

list kombinasi 2

<html>
<head>
</head>
<body>
<ol type="A">
<li>Perangkat Input
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Microphone</li>
<li>Scanner</li>
<li>Finger Print</li>
<li>Graphic Pad</li>
<li>Light Pan</li>
<li>Camera Digital</li>
<li>Web Cam</li>
</ul>
</li>
<li>Perangkat Output
<ul type="square">
<li>Monitor</li>
<li>Printer</li>
<li>Plotter</li>
<li>Proyektor</li>
</ul>
</li>
</ol>
</body>
</html>

tugas table 1

<html>
<head>
<title>TABLE</table>
</head>
<body>
berikut contoh table dengan rowspan dan clospan
<table width=728px border=2cellespacing=0 cellpadding=0>
<tr bgcolor=blue>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr bgcolor=purple>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr bgcolor=yeloww>
<td rowspan=2>baris 3 kolom 1</td>
</tr>
</table>
</body>
</html>

tugas membuat table html

<html>
<head>
<title>MEMBUAT DOKUMEN TABLE</title>
</head>
<body>
<table border=1 bgcolor=#4ff3300>
 <tr bgcolor=red>

 <td>data baris 1 kolom 1</td>
 <td>data baris 1 kolom 2</td>
 <td>data baris 1 kolom 3</td>

 </tr>

 <tr bgcolor=yellow>

 <td>data baris 2 kolom 1</td>
 <td>data baris 2 kolom 2</td>
 <td>data baris 2 kolom 3</td>

 </tr>

 <tr bgcolor=green>

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

tugas membuat table 2

<html>
 <head>
 <title>penggunaan ALGIN</title>
 </head>
<body>
<table border="1">
<caption>Daftar wiraning</caption>
<tr>

 <th colspan ="2" rowspan="2">WIRANIAGA</th>

 <th colspan="3">KOTA</th>
</tr>
<tr>
 <th>SEMARANG</th>
 <th>kudus</th><th>solo>
</tr>
<tr>
 <th rowspan ="2">Jenis Kelamin </th>
 <th>Pria</th>
 <td> align= "right"><30</td>
 <td> align= "right"><20</td>
 <td> align= "right"><30</td>
</tr>
<tr>
 <th>wanita</td>
 <td algin="right">20</td>
 <td algin="right">8</td>
 <td algin="right">18</td>
</tr>

</table>
</body>
</html>