Sabtu, 22 November 2014

Struktur-struktur dalam tag Table HTML


Membuat Tabel



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>
Digunakan untuk mendefinisikan pembuatan tabel. 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
·   colspan - lihat gambar contoh
·   height – untuk mengatur ukuran tinggi cell dalam pixels.
·   nowrap – untuk membuat supaya isi dari kolom tetap berada pada satu baris.
·   rowspan - lihat gambar contoh
·   valign – untuk mengatur perataan vertikal: top, middle atau bottom.

·   width – untuk menentukan lebar kolom dalam pixel atau percen.

Sumber : http://spot-blogz.blogspot.com/2014/04/struktur-html-dalam-tag-table.html

Tidak ada komentar:

Posting Komentar