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
HASILNYA :
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"
untuk mempertebal border table kamu bisa langsung merubahnya dengan mengganti
2.) Menambahkan column table
HASILNYA :
3.) Membuat kolom table menjadi dua baris
HASILNYA :
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 :
1.) Contoh pertama
<table width="200" border="1">
<tr><td align="center">
Contoh
</td></tr></table>
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
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Topsy Krets