Selasa, 04 November 2008

Membuat Tabel

Baru2 ini abis dapet request untuk cara pembuatan tabel, kemaren2 mo nge-post ga sempet,hohohoho sok sibuk deh. Sebenar ny simple aj c, beberapa elemen yang di gunakan ialah:
  • <table> - membuat table
  • <td> - kolom pada table/sel pada table
  • <tr> - baris pada table/row pada table

<TABLE>

Pelengkapnya :
  • align - meratakan tabel ke kiri, ke tengah atau ke kanan.
  • bgcolor - menunjukkan warna background pada tabel
  • border - lebarnya batas border dalam satuan pixel
  • cellpadding - luas yang tak terlihat antara isi sel dan aktual dinding sel
  • cellspacing - luas yang aktual (dalam pixel) antara dua sel
  • width - menunjukkan luas dari tabel dalam satuan pixel atau presentase
Contoh : <table align=''center'' bgcolor=''blue'' border=''3'' cellpadding=''3'' cellspacing=''5'' width=''90%''>

<TR>
Pelengkapnya:
  • align - meratakan isi dari baris (row) yaitu ke kiri, kanan, dan tengah
  • bgcolor - menunjukkan warna background dari baris (row)
  • valign - meratakan secara vertikal isi dari baris (row) ke atas, tengah, dan bawah
Contoh : <TR align="right" bgcolor="pink" valign="top">

<TD>

Pelengkapnya:
  • align - meratakan isi dari baris (row) yaitu ke kiri, kanan, dan tengah
  • background - tempat dari gambar background di dalam sel
  • bgcolor - menunjukkan warna background semua tabel
  • colspan - menambah panjang dari sel ke angka 2 atau lebih
  • height - menunjukkan tinggi dari sel dalam satuan pixel
  • nowrap - perlengkapan untuk mengunci isi yang kita buat agar tetap pada garis yang sama
  • rowspan - menambah ketinggian menambah panjang dari sel ke angka 2 atau lebih
  • valign - meratakan secara vertikal isi dari baris (row) ke atas, tengah, dan bawah
Contoh yang paling simple dalam membuat table ialah :

<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>



note: &nbsp; bermakna spasi (dapat di ganti dengan text yg kamu inginkan). Apabila kamu ingin text yg berada table tersebut "center" maka <tr> (tag pembuka) di ganti dengan <tr align="center"> maka otomatis semua text yang kita masukkan ke dalam kolom (<td>) tersebut akan menjadi center sampai akhir tag penutup dari elemen (</tr>) kita memang belom mempelajari tentang entitas karakter, tapi aku akan mengepost ny as soon as possible,hehehehhehehh

2 komentar:

Anonim mengatakan...

aaahhh... soo desu ka
arigatou gozaimasu...
my rockin request was approved!!!

Anonim mengatakan...

nitip backlink. heheh..