web comunity
Pages
Home
Selasa, 23 Februari 2010
membuat tabel pada dokumen html
> <br /> <br />Untuk membuat tabel harus diawali dengan tag <table> dan diakhiri dengan tag </table>. baris-baris dalam tabel dibuat dengan diawali tag dan diakhiri tag . Dari dalam baris kemudian dibuat kolom-kolom dengan tag dan diakhiri tag . Untuk header (baris paling atas dari tabel) kolom-kolomnya dibuat denga tag dan . Judul tabel bisa dibuat dengan tag dan . Agar tabel terlihat ada garis-garisnya, perlu ditambahkan atribut <border>, misalnya <table border="1">. <br />Suatu sel bisa diberi background dengan cara <tbody><tr><td background="gambar.jpg">. diberi warna : </td><td bgcolor="#00038d">, diberikan link </td><td><a href="http://www.blogger.com/link.html"><img src="http://www.blogger.com/gambar.gif" border="0" /></a></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 <br />Pelurusan horizontal suatu sel : align (left, center, right, justify), ex : </tr><tr align="left">, <td align="left">. <br />Pelurusan vertical suatu sel : valign(top, middle, bottom), ex : </td></tr><tr valign="top">, <td valign="bottom">. <br />Jumlah (n) kolom yang ditempati sebuah sel : rowspan=n, ex : </td><td rowspan="2"> <br />Mematikan kemampuan melipat kata dalam sel : nowrap, ex : </td><td nowrap="nowrap"> <br />Menentukan panjang/lebar suatu sel/kolom : (weight, height), ex : </td><td weight="5" height="10,"> <br /> <br />Contoh : <br /> <br /> <br /> <br /> <br /> <br /> <title>Demo Tabel</title> <br /> <br /> <br /> <br /> <table align="center" border="1" cellpadding="10" cellspacing="0"> <br /><!-- Header --> <br /> <tbody><tr><th colspan="10" width="450">Header</th></tr> <br /> <!--Baris data pertama--> <br /> <tr> <br /> <td width="120" height="400">Left Menu</td> <br /> <td width="12" height="400">Content</td> <br /> <td width="100" height="400">Right Menu</td> <br /> </tr> <br /> <tr><th colspan="10" width="450">Footer</th></tr> <br /> </tbody></table> <br /> <br /> <br /> <br /></td></tr></tbody></table></border> <br /> <br />
Postingan Lebih Baru
Beranda
Langganan:
Postingan (Atom)