Selasa, 17 Maret 2009

Care membuat tabel HTML

Cara membuat di mulai dengan tag <table> dan diakhiri dengan tag </table>. setiap baris dalam table diawali tag <tr> dan diakhiri tag </tr>. dalam baris dibuat kolom-kolom dengan tag <td> dan diakhiri tag </td>. Untuk header (baris paling atas dari tabel) setiap kolomnya dibuat dengan tag <th> dan </th>. Judul tabel bisa dibuat dengan tag <caption> dan </caption>. Agar tabel terlihat ada garis-garisnya, perlu ditambahkan atribut <border>, misalnya <table border=1>.
Suatu sel bisa diberi background dengan cara <td background=gambar.jpg>. diberi warna : <td bgcolor=”#203e8d>, diberikan link <td><span style="font-weight:bold;"><a href=link.html></a></span><img src=gambar.gif border=0></td>. Sebuah gambar yang utuh dapat disusun atas sel-sel dalam tabel, sehingga bila masing-masing sel diberi link akan diperoleh efek imageMap. Atribut Tabel yang lain
Pelurusan horizontal suatu sel : align (left, center, right, justify), ex : <tr align=left>, <td align=left>.
Pelurusan vertical suatu sel : valign(top, middle, bottom), ex : <tr valign=top>, <td valign=bottom>.
Jumlah (n) kolom yang ditempati sebuah sel : rowspan=n, ex : <td rowspan=2>
Mematikan kemampuan melipat kata dalam sel : nowrap, ex : <td nowrap>
Menentukan panjang/lebar suatu sel/kolom : (weight, height), ex : <td height=10, weight=5>

Contoh :

















header1 header2 header3
baris 1 kolom 1 baris 1 kolom 2 baris 1 kolom 3
baris 2 kolom 1 baris 2 kolom 2 baris 2 kolom 3

Tidak ada komentar:

Posting Komentar