Sunday, April 22, 2012

Cara Membuat tabel di blog


Posted by: Bloggertrik // 8:42 AM | Kategori: trik blog

Sekedar mendokumentasikan saja beberapa kode untuk membuat tabel, siapa tahu akan fauzi online pergunakan suatu saat nanti. Anda bisa mempergunakannya untuk membuat tabel yang mempunyai diskripsi di sebelahnya ataupun untuk membuat mini banner suatu blog.

Buat anda yang ingin coba- coba untuk membuat tabel bisa anda pergunakan kode di bawah ini:



<table border="2" align="center" width="100" bgcolor="blue" cellpadding="2" cellspacing="1"><tr><td align="center"><font color="yellow">Text/Link</font></td></tr></table>


Kode tersebut hanya menampilkan tabel dengan satu kolom saja. Untuk tampilannya silahkan lihat di bawah ini

Text/Link


Tabel dengan 2 kolom

Kodenya adalah sebagai berikut:
<table border="2" align="center" width="100" cellpadding="2" cellspacing="1"><tr><td width="50" bgcolor="red"><font color="white">text-1</font></td><td align="center" width="50" bgcolor="white"><font color="red">text-2</font></td></tr></table>


Tampilannya:
text-1text-2


Tabel dengan 3 kolom
<table border="2" align="center" width="100" cellpadding="0" cellspacing="0"><tr><td width="25" bgcolor="red"><font color="navy">link</font></td><td align="center" width="25" bgcolor="green"><font color="red">text</font></td><td align="center" width="25" bgcolor="black"><font color="red">link</font></td></tr></table>


Tampilan tabelnya
linktextlink


<tr> adalah tag untuk membuat baris baru dan <td> digunakan untuk membuat kolom.
Semoga kode diatas bermanfaat bagi anda, sekalian nambah ilmu dan menambah pengetahuan tentang kode html.
Cara Membuat tabel di blog
Cara Membuat tabel di blog Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/04/cara-membuat-tabel-di-blog.html