Assalamualaikum sobat, alhamdulillah kita masih bisa berjumpa kembali, maaf ane jarang update, sibuk dengan aktifitas kuliah.. tapi untuk berbagi ilmu, ane sempatkan waktu ane untuk menulis di gubuk ane yang sederhana ini. materi kali ini adalah tentang pembuatan sebuah tabel dalam HTML, nah langsung aja kita bahas..
Tabel / Table merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table, yaitu: <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tag <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE> . Table juga biasanya digunakan untuk memperhalus tampilan sebuah form atau layout sebuah halaman web.
<TABLE> Digunakan untuk mendefinisikan pembuatan tabel. Dan memiliki attribut:
- align - perataan: rata kiri (left), tengah (center) atau kanan (right).
- valign- mengatur bentuk perataan secara vertikal
- bgcolor- mengatur warna latar belakang (background) dari tabel.
- background - menentukan gambar yang digunakan sebagai background tabel
- color - Untuk mengatur warna suatu sel dalam tabel
- border - menentukan ukuran border tabel (dalam pixel).
- rowspan - menggabungkan beberapa baris
- colspan - menggabungkan beberapa kolom
- cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
- cellspacing- mengatur spasi/jarak antar cell (dalam pixel).
- width - menentukan lebar tabel dalam pixel atau percent.
- height- Menentukan tinggi tabel
- align - perataan: rata kiri (left), tengah (center) atau kanan (right).
- bgcolor - warna latar belakang dari baris.
- valign - perataan vertikal: top, middle atau bottom.
<TD> Tag ini digunakan untuk membuat kolom baru pada tabel. Attributnya adalah:
- align – untuk menentukan perataan kolom
- background – untuk menentukan image yang digunakan sebagai latar belakang dari kolom.
- bgcolor – untuk menentukan warna latar belakang
- height – untuk mengatur ukuran tinggi cell dalam pixels.
- nowrap – untuk membuat supaya isi dari kolom tetap berada pada satu baris.
- valign – untuk mengatur perataan vertikal: top, middle atau bottom.
- width – untuk menentukan lebar kolom dalam pixel atau percen.
<html>
<head>
<title>.:: Membuat Tabel ::.</title>
</head>
<body>
<table width="300" border="1">
<tr>
<td>Kolom 1</td><td>Kolom 2</td><td>Kolom 3</td>
</tr>
<tr>
<td>Baris 1</td><td>Baris 1 </td><td>Baris 1</td>
</tr>
<tr>
<td>Baris 2</td><td>Baris 2 </td><td>Baris 2</td>
</tr>
</table>
</body>
</html>
dan hasilnya
nah itulah penjelasan singkat membuat tabel dalam HTML, sobat bisa mencoba menggunakan attribut lainnya yang terdapat dalam HTML, kalau sobat memang kesulitan menggunakan notepad, sobat bisa menggunakan program Adobe Dreamweaver. mungkin cukup sekian posting kali ini, mohon maaf bila ada kekurangan, dan smoga artikel kali ini dapat bermanfaat buat semua, kita berjumpa lagi pada postingan berikutnya.
Wallahul-muwaffiq ila Aqwamith-thoriq
Wassalamualaikum
Wassalamualaikum