Untuk mendownload skrip HTML nya bisa di klik link di bawah ini !!!
Kamis, 29 September 2016
Trik Membuat Tabel di Dalam Tabel
Trik membuat Tabel di Dalam Tabel. Hai teman teman, kali ini saya akan membagi cara membuat tabel seperti gambar di bawah ini :
Untuk mendownload skrip HTML nya bisa di klik link di bawah ini !!!
Untuk mendownload skrip HTML nya bisa di klik link di bawah ini !!!
Kamis, 08 September 2016
TABEL DENGAN COLSPAN
<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Perumahan</th>
<th colspan="4" scope="co1">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>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Perumahan</th>
<th colspan="4" scope="co1">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 DENGAN NAMA
<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Nama Perumahan </th>
<th scope="co1">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>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Nama Perumahan </th>
<th scope="co1">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>
Kamis, 01 September 2016
tugas tabel kolom html 1
<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=pink>baris 1 kolom 1</td>
<td bgcolor=#ff6633>baris 1 kolom 2</td>
</tr>
<tr>
<td bgcolor=#blue> colspan =2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan =2 baris 3 kolom 1</td>
<td bgcolor=#cc6600> baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=pink>baris 1 kolom 1</td>
<td bgcolor=#ff6633>baris 1 kolom 2</td>
</tr>
<tr>
<td bgcolor=#blue> colspan =2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan =2 baris 3 kolom 1</td>
<td bgcolor=#cc6600> baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>
tugas tabel html
</head>
<table border=1 bgcolor=#3366f
<tr bgcolor=#cc66cc >
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr bgcolor=red>
<tr bgcolor=#cc6699>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
<tr bgcolor=#ff0099>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
</table>
</body>
</html>
<table border=1 bgcolor=#3366f
<tr bgcolor=#cc66cc >
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr bgcolor=red>
<tr bgcolor=#cc6699>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
<tr bgcolor=#ff0099>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
</table>
</body>
</html>
TUGAS LIST KOMBINASI
<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum / Legal Operasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemprosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengolahan Sampah</li>
<li>Permasalahan dalam Pengolahan Sampah</li>
</li>
</ol>
</body>
</html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum / Legal Operasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemprosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengolahan Sampah</li>
<li>Permasalahan dalam Pengolahan Sampah</li>
</li>
</ol>
</body>
</html>
Langganan:
Postingan (Atom)