Monday, April 23, 2012

Membuat Table dalam HTML

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
<TR> Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
  • 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.
nah itulah sedikit penjelasan tentang table dan attribut yang dapat kita gunakan dalam table. nah dibawah ini adalah script dasar pembuatan tabel dengan 3 kolom dan 2 baris.

<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


|


Masukkan Email Untuk Berlangganan Tulisan by E-mail



Tulisan Lainnya :

3 comments:

Berikan sedikit komentar sobat, karena itu sangat berarti buat saya, dan saya sangat berharap sobat tidak menggunakan user Anonim / anonymous tapi gunakan saja Name / URL, atau dengan E-mail itu lebih baik.. thanks for visit my blog

Copyright © 2012. NoteBase - All Rights Reserved
Template Design by AkustikCorporation
Powered by Blogger