Anatomi Tabel Minimal

Anatomi Tabel Minimal

Image result for tabel minimal dalam html

Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag <table> adalah untuk membuat
tabel kemudian di ikuti dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel kemudian tag <td> (table
data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu
sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan.
<table border="1">
<tr>
<td>Cell 1 Kolom 1</td>
</tr>
</table>
Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.
<table border="1">
<tr>
<td>Cell 1 - Baris 1 Kolom 1</td>
<td>Cell 2 - Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Cell 3 - Baris 2 Kolom 1</td>
<td>Cell 4 - Baris 2 Kolom 2</td>
</tr>
<tr>
<td>Cell 5 - Baris 3 Kolom 1</td>
<td>Cell 6 - Baris 3 Kolom 2</td>
</tr> 
</table> 

JikaSyntax diatas kalian masukkan dengan benar, Maka hasilnya akan seperti ini :

Cell 1 - Baris 1 Kolom 1 Cell 2 - Baris 1 Kolom 2
Cell 3 - Baris 2 Kolom 1 Cell 4 - Baris 2 Kolom 2
Cell 5 - Baris 3 Kolom 1 Cell 6 - Baris 3 Kolom 2

Previous
Next Post »
Thanks for your comment