Jumat, 27 Maret 2015

TABEL (table) HTML

Sekilas tentang tabel.
Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom. Dulu sebelum adanya CSS, table digunakan untuk membuat layout website namun saat ini sudah jarang dipakai sebagai layout karena faktor file yang cenderung lebih besar sehingga mempengaruhi waktu akses yang lebih lama, dalam pengelolaan dan pengeditan pun jauh lebih rumit karena banyaknya tag-tag yang dihasilkan.

Cara membuat tabel.
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.
Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.
<table border="1">
 <tr>
  <td>Cell 1 - HANA</td>
  <td>Cell 2 - AMIKOM</td>
 </tr>
 <tr>
  <td>Cell 3 - HANA</td>
  <td>Cell 4 - AMIKOM</td>
 </tr>
 <tr>
  <td>Cell 5 - HANA</td>
  <td>Cell 6 - AMIKOM</td>
 </tr> 
</table>
 
Hasil : 
Cell 1 - HANA Cell 2 - AMIKOM
Cell 3 - HANA Cell 4 - AMIKOM
Cell 5 - HANA Cell 6 - AMIKOM
 
 
 
Referensi : http://htmlcssguides.com/tabel-table-html 

Tidak ada komentar:

Posting Komentar