Anda di halaman 1dari 4

<html>

<head>

<title>

Latihan tabel

</title>

</head>

<body>

<table align="center" border="2" bgcolor="green" width="100%">

<tr>

<tr>

<th><img src="mobil.jpg" width="150" height="150"></th>

<th><marquee behavior="alternate" bgcolor="blue" width="100%"><font size="7" aliagn="mid">


Membuat TABLE</font></marquee></th>

<th><img src="mobil2.jpg" width="200" height="150"></th>

</tr>

</table>

<table align="center" border="2" bgcolor="red" width="100%">

<tr>

<th colspan="2">>Tabel seperti yang kallian tahu terdiri dari kolom dan baris. pada tabel data-data
dimasukan dalam kombinasi antara kolom dan baris tertentu. Beberapa baris dalam kolom dari tabel
biasa

digunakan untuk membuat tampilan yang sesuai dengan kebutuhan data kita. pada html semua itu
dapat dilakukan, namun tentunya kita harus mengetahui terlebih dahulu bahan-bahan

apa saja yang diperlukan untuk meracik sebuah tabel. untuk meracik sebuah tabel kita akan
membutuhkan bahan-bahan sebagai berikut :

<font color="blue">< table>, < tr>, dan< td></font></th>

</tr>
<UL style="disk">

<tr>

<td><li>Table : Mengidentifikasi awal dari pembuatan TABLE</li></td>

<td rowspan="3">

<center><b><font size="3">contoh penggunaan tag table adalah</font></b></center>

<font color="blue">

#< table><br>

#< tr><br>

#< td>baris 1, kolom 1< /td><br>

#< td>baris 1, kolom 2< /td><br>

#< /tr><br>

#< tr><br>

#< td>baris 2, kolom 1< /td><br>

#< td>baris 2, kolom 2< /td><br>

#< /tr><br>

#< /table><br>

</font>

</td>

</tr>

<td><li>TR : merupakan baris dalam sebuah tabel</li></td>

</tr>

<tr>

<UL style="square">

<td><li>TD : meerupakan kolom dalam tabel</li></td>

</UL>
</tr>

<tr>

<td colspan="2">

Susun seperti kode diatas akan membuat sebuah table sederhana yang berukuran 2 x 2, yaitu kolom dan
2 baris. Sekarang perhatikan karena konsep dari table ini cukup sulit namun

akan menjadi mudah apa bila kalian memperhatikan penjelasan berikut. Table dari html adalah
berdasarkan kepada baris atau row. Anggap kamu ingin memasukan data pada baris pertama

kolom peertama maka peertama kali yang kalian harus lakukan adalah membuat sebuah baris lalu
setelah itu membuat kolom, baru setelahnya memasukan data. Apabila kalian ingin

memasukan data pada kolom kedua baris pertama maka kalian harus membuat sebuah baris, kemudian
buat kolom pertama, setelah itu buat kolom kedua, baru isi datanya. Jadi intinya

baris dulu baru kolom.

</td>

</tr>

</table>

<table bgcolor="purple" width="100%" border="1">

<tr>

<td rowspan="2"><marquee behavior="scroll"><font size="4">Selamat mengerjakan


</font></marquee></td>

<font color="green">

<td>->Nama : ilham setyo novanto</td>

</tr>

<tr>

<td>

->No. absen : 23

</td>

</font>
</tr>

</table>

</body>

</html>

Anda mungkin juga menyukai