Monday, December 2, 2013

Cara-cara membuat table (table) HTML
Tabel
Tabel  sangat diperlukan sekali 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 ada beberapa hal yang sederhana dan itu sangatlah penting yakni tabletr dan td. Tag <table> adalah langkah pertama  atau tag pertama yang jangan terlupakan untuk membuat tabel kemudian  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 sederhana tabel yang terdiri dari 2 baris dan 2 kolom.
Silahkan mencoba!!

<html>
<head>
<title> Menmbuat tabel </title>
</head>
<body>
BELAJAR MEMBUAT KOLOM <BR><BR>

<table border="1">
<tr>
<td> BARIS SATU KOLOM SATU</td>
<td> BARIS SATU KOLOM DUA</td>

</tr>
<tr>
<td> BARIS 2 KOLOM 1</td>
<td> BARIS 2 KOLOM 2</td>
</tr>
</table>
</body>
</html>



Layout atau hasilnya adalah seperti gambar di bawah ini.
BARIS SATU KOLOM SATU BARIS SATU KOLOM DUA
BARIS 2 KOLOM 1 BARIS 2 KOLOM 2

Sedikit ilmu yang kita dapat semoga bermanfaat !!

No comments:

Post a Comment