300x250 AD TOP

Sabtu, 12 Juli 2014

Tagged under:

Membuat table dengan HTML



sekarang saya akan menshare bagaimana cara membuat table dengan HTML. Jika kalian belum tahu apa itu HTML silahkan baca berkenalan dengan HTML dalam membuat table kita harus membuka sintaks dengan <table> nah biar lebih megerti dan lebih jelas berikut ini adalah struktur dasar membuat table

<table border="1">
<tr>
<td></td>
</tr>
</table>

Contoh :

<table border="1">
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>

maka hasilnya akan seperti ini :


row 1 cell 1 row 1 cell 2
row 2 cell 1 row 2 cell 2

Menggabungkan 2 cell menjadi 1

untuk menggabungkan 2 cell menjadi 1 di dalam tag td kita tambahkan colspan

contoh :

<table border="1">
<tr>
<td colspan="2">row 1 cell 1</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>

dan hasilnya akan seperi ini :

row 1 cell 1
row 2 cell 1 row 2 cell 2

nah untuk menggabungkan 2 row menjadi 1 caranya sama hanya saja colspan diganti dengan rowspan

sekian semoga mengerti :D

0 komentar:

Posting Komentar