Membuat Tabel dengan HTML

Kamis, 01 Mei 2014

Tabel merupakan salah satu cara yang dapat digunakan agar tampilan halaman situs kita tertata rapi. Di dalam tampilan editor blogger, kita tidak dapat menemukan menu untuk membuat tabel. Namun itu tidak berarti kita tidak bisa membuat table. PAda bagian kiri editor terdapat dua pilihan, yaitu: Compose dan HTML.




Compose : membuat tampilan editor berdasarkan menu dan icon, sehingga lebih mudah
digunakan. HTML : membuat tampilan editor berbasis bahasa HTML. 

Bahasa HTML yang digunakan untuk membuat tabel, yaitu:
<table>
<tbody>
</tbody>
</table>

Untuk mengatur jumlah baris didalamnya menggunakan perintah:
<tr>
</tr>

Untuk mengatur jumlah kolom didalam sebuah baris menggunakan perintah:
<td>
</td>

Contoh, untuk membuat tabel berikut:

Baris pertama Kolom pertama
Baris kedua Kolom kedua

Menggunakan perintah:
<table border="1">
<tbody>
<tr>
<td>Baris pertama Kolom pertama</td>
</tr>
<tr>
<td>Baris kedua Kolom kedua</td>
</tr>
</tbody>
</table> 

Untuk menambahkan warna pada tabel seperti gambar berikut:

Baris pertama Kolom pertama
Baris kedua Kolom kedua

Menggunakan perintah:
<table bgcolor="green" border="1">
<tbody>
<tr bgcolor="white">
<td>Baris pertama Kolom pertama</td>
</tr>
<tr bgcolor="white">
<td>Baris kedua Kolom kedua</td>
</tr>
</tbody></table>


Untuk menambahkan warna pada tabel seperti gambar berikut:

Baris pertama Kolom pertama
Baris kedua Kolom kedua

Menggunakan perintah:
<table bgcolor="blue" border="1">
<tbody>
<tr bgcolor="cyan">
<td>Baris pertama Kolom pertama</td>
</tr>
<tr bgcolor="white">
<td>Baris kedua Kolom kedua</td>
</tr>
</tbody></table>


Klik disini untuk melihat contoh halaman situs dengan tabel.
Semoga postingan ini membantu. Selamat mencoba.

0 komentar:

Posting Komentar