Rabu, 07 Juli 2010

Tutorial HTML - Membuat Tabel

Buzz It
Tutorial HTML - Membuat Tabel

Tutorial HTML

Membuat Tabel

Turorial HTML – Membuat Tabel


Untuk membuat tabel, tag yang digunakan minimal ada tiga, <TABLE>, <TR> dan <TD>. Untuk membuat tabel yang paling sederhana (hanya terdiri dari satu sel) menggunakan perintah sebagai berikut:


<table>

<tr>

<td>Isi Tabel</td>

</tr>

</table>


Keterangan:


<TABLE>: Perintah untuk membuat tabel

<TR> : Perintah untuk membuat baris

<TD> : Perintah untuk membuat kolom


Sedangkan atribut untuk <TABLE> adalah sebagai berikut:


  • width = panjang (lebar tabel, pixel atau persen)

  • height = panjang (tinggi table, pixel, atau persen)

  • border = pixel (tebal bingkai tabel)

  • cellpadding = pixel (spasi di dalam sel)

  • cellspacing = pixel (spasi antar sel)

  • align = left / center / right (untuk perataan tabel)

  • bgcolor = warna (warna latar belakang tabel )


Atribut table row <TR>


  • Align = left / center / right (perataan sebaris sel secara horisontal)

  • Valign = top/ middle / bottom (perataan sebaris sel secara vertikal)

  • Bgcolor= warna (warna latar belakang baris )


Atribut table data <TD>


  • Rowspan = angka (baris yang di-span oleh sel)

  • Colspan = angka (kolom yang di-pan oleh sel)

  • Align = left / center / right (perataan horisontal)

  • Valign = top / middle / bottom (perataan vertikal

  • Width = pixel (lebar sel, pixel atau persen)

  • Height = pixel (tinggi sel, pixel atau persen)

  • Bgcolor = warna (warna latar belakang sel)


Untuk latihan kita yang selanjutnya, buatlah tampilan seperti di bawah ini :




Untuk membuatnya ketikkan kode di bawah ini :




Coba perhatikan dibagian bawah gambar ataupun kode programnya maka kita akan dapati di bagian bawah terlihat ada link yang kita buat untuk kembali lagi ke halaman utama.

Sumber : http://www.mercusuar.ac.id/ | Download Artikel.



Tidak ada komentar:

Posting Komentar