Rabu, 26 Oktober 2011

Belajar HTML - Cara membuat tabel dalam HTML

Edit Posted by with No comments
Lama sudah tidak pernah login ke blogger, karena saya sekarang bekerja sebagai web programmer, jadi tidak sempat untuk mengurus blog ini. Kebetulan sekarang lagi ada waktu senggang, saya coba untuk sharing ilmu HTML. Kali ini saya ingin mengajarkan tentang cara membuat tabel dalam HTML. Pada postingan belajar HTML sebelumnya, saya telah mengajarkan beberapa hal dasar HTML. Sekarang mari kita melangkah lebih lanjut lagi.
Tabel sangat penting dalam sebuah dokumen website. Gunanya untuk menampilkan data-data dalam bentuk tabel. Dalam HTML, kita mengenal adanya tag table ( <table>  ) untuk membuat tabel. Untuk lebih lengkapnya, lihatlah struktur utama penyusun tabel berikut ini:
<table>
<tr>
<td></td>
</tr>
</table>

Untuk membuat tabel kita bisa memulainya dengan membuat tag pembuka tabel, yang artinya kita akan membuat tabel. Kemudian diikuti oleh tag
, dimana ini artinya adalah jumlah baris pada tabel tersebut. Dan selanjutnya yang terakhir adalah tag
dimana tag ini berfungsi untuk menunjukan kolom pada tabel.
Jika kalian penasaran, cobalah simpan kode dibawah ini di notepad dengan nama tabel.html
<table>
<tr>
<td>Nama</td>
<td>Alamat</td>
<td>Status</td>
</tr>
<tr>
<td>Pemrograman Web</td>
<td>Jalan Kemerdekaan</td>
<td>Aktiv</td>
</tr>
<tr>
<td>Pemrograman Java</td>
<td>Jalan Kesuksesan</td>
<td>Sukses</td>
</tr>
</table>
Dari kode HTML diatas kalian akan menemukan tabel yang terdiri dari 3 baris dan tiga kolom. Kalian bisa menambahkan beberapa atribut seperti colspan yang berfungsi untuk menggabungkan kolom, rowspan yang berfungsi untuk menggabungkan baris, width untuk mengatur lebar kolom, dan masih banyak lagi. Semoga sukses selalu.

0 komentar: