You are on page 1of 5

1.

Latihan 1
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML</title>
</head>
<body>
<table>
<tr>
<td>Baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
</table>
</body>
</html>
2. Latihan 2
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML dengan Border</title>
</head>
<body>
<table border="1">
<tr>
<td>Baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
</table>
</body>
</html>
3. Latihan 3
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML dan Cellpadding</title>
</head>
<body>
<table border="1" cellpadding="10">
<tr>
<td>Baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
</table>
</body>
</html>
4. Latihan 4
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML dan Cellpadding + Bgcolor</title>
</head>
<body>
<table border="1" cellpadding="10">
<tr>
<td bgcolor="Red">Baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr bgcolor="#00ff80">
<td>Baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
</table>
</body>
</html>
5. Latihan 5
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML</title>
</head>
<body>
<table border="1">
<tr>
<th rowspan="2" bgcolor="yellow">Bulan</th>
<th colspan="2" bgcolor="#00ff80">Hasil Panen</th>
</tr>
<tr>
<th>Padi</th>
<th>Kacang</th>
</tr>
<tr>
<td>Januari</td>
<td>500 Kg</td>
<td>231 Kg</td>
</tr>
<tr>
<td>Februari</td>
<td>342 Kg</td>
<td>423 Kg</td>
</tr>
<tr>
<td>Maret</td>
<td>432 Kg</td>
<td>124 Kg</td>
</tr>
<tr>
<td>April</td>
<td>453 Kg</td>
<td>523 Kg</td>
</tr>
</table>
</body>
</html>
6. Latihan 6
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3" bgcolor="yellow">Produk Unggulan</th>
</tr>
<tr>
<td rowspan="4">
<img src="bibit.png" width="200" />
</td>
</tr>
<tr>
<td>Nama</td>
<td>Benih Kode</td>
</tr>
<tr>
<td>Harga</td>
<td>Rp 192.000</td>
</tr>
<tr>
<td>Fitur</td>
<td>
<ul>
<li>Dilengkapi Dokumentasi</li>
<li>Ukuran: 31MB</li>
<li>Masa Tanam: 6 Bulan</li>
<li>Lisensi: MIT</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
7. Index.html
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML : farme</title>
</head>
<frameset rows="20%,*,10%" border="1">
<frame name="header" src="header.html"></frame>
<frameset cols="25%,*" border="1">
<frame name="sidebar" src="sidebar.html"></frame>
<frame name="konten" src="conten.html"></frame>
</frameset>
<frame name="footer" src="footer.html"></frame>
</frameset>
</html>
8. Header.html
<!DOCTYPE html>
<html>
<head>
<title>header</title>
</head>
<body bgcolor="yellow">
<h1>ini header</h1>
</body>
</html>
9. Sidebar.html
<!DOCTYPE html>
<html>
<head>
<title>sidebar</title>
</head>
<body bgcolor="grey">
<h3>ini sibebar</h3>
</body>
</html>
10. Conten.html
<!DOCTYPE html>
<html>
<head>
<title>conten</title>
</head>
<body>
<h3>ini konten</h3>
</body>
</html>
11. Footer.html
<!DOCTYPE html>
<html>
<head>
<title>footer</title>
</head>
<body>
<center>
<h3>ini footer</h3>
</center>
</body>
</html>