Posts tagged ‘Membuat tabel’

29 Juni 2010

Membuat sebuah tabel dengan html


Membuat tabel dengan kode htmlSekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:

<table border=”1″>
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>

maka akan terlihat sbb:

Hari1 Hari2 Hari3 Hari4 Hari5
Hari1 Hari2 Hari3 Hari4 Hari5
Hari1 Hari2 Hari3 Hari4 Hari5

atau kamu bisa memasukkan seperti dibawah ini:

<table border=”1″>
<tbody><tr>
<th>Hari</th>
<th colspan=”2″>jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Hari jenis pengunjung
Cewe’ Cowo’
Senin 50 6
Selasa 70 90
Rabu 3 150

lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!

Iklan