Cara membuat table

Seperti biasa dari pada gak ada kerjaan, mendingan tulis-tulis sambil nyantai... langsung saja kepada pokok persoalan ya sob. saya lagi malas untuk basa-basi.

1.)  Contoh pertama

<table width="200" border="1">
<tr><td align="center">

Contoh

</td></tr></table>

HASILNYA :




Contoh


kamu bisa melihat hasil dari kode diatas maka tulisanya berada pada posisi tengah table. bila kamu ingin posisinya berada di sebelah kiri kamu cukup mengganti kode "center" menjadi "left" align="center" maka hasilnya akan seperti di bawah ini :



Contoh


untuk mempertebal border table kamu bisa langsung merubahnya dengan mengganti border="1" angka satu dengan angka yang lebih besar, contoh saya akan mengunakan angka 7 dan hasilnya akan seperti di bawah ini :



Contoh


2.) Menambahkan column table

<table width="300" border="1">
<tr><td align="center">

Contoh

</td><td align="center">
 

column ke dua

</td></tr></table>


HASILNYA :




Contoh Column ke dua


3.) Membuat kolom table menjadi dua baris

<table width="300" border="1">
<tr><td align="center">

Contoh

</td><td align="center">
Contoh kolom ke dua

</td></tr>

<tr><td align="center">

Contoh 2

</td><td align="center">

Contoh kolom ke dua

</td></tr></table>


HASILNYA :




Contoh Contoh kolom
Contoh 2 Contoh kolom ke dua


4.) Menambahkan background pada table

<table border="1" style="width: 300px;"><tbody>
<tr bgcolor="#0000FF"> <td align="center">

Contoh

</td> <td align="center">

Contoh kolom

</td> </tr>
<tr bgcolor="#ff0000"> <td align="center">

Contoh 2

</td> <td align="center">

Contoh kolom ke dua

</td> </tr></tbody></table>

HASILNYA :


Contoh Contoh kolom
Contoh 2 Contoh kolom ke dua
Title: Cara membuat table
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Topsy Krets