Jika dalam posting terdahulu telah dibahas kode kode diatas,kali ini saya memposting sekaligus belajar membuat tabel menggunakan kode html
Untuk menguraikan kode html perhatikan setiap tagnya,misalnya
<
table>
isi tabel<
/table>
Dalam contoh tersebut sebuah tag kode html harus ditutup dengan benar,jika tidak maka kode yang anda tulis tidak dapat berfungsi sebagaimana mestinya..
Sebuah tag
<
td>
harus di tutup pula dengan kode <
/td>
supaya berfungsi,begitu juga dengan kode kode lainya
Untuk lebih jelasnya berikut ini contoh kode html dan hasilnya,yang mana anda bisa mengedit kode kode tersebut sesuai kreasi dan kebutuhan anda.
Penulisan kode HTML:
<
table border="1">
<
tr>
<
th>
Bulan<
/th>
<
th>
Masuk<
/th>
<
th>
Keluar<
/th>
<
th>
Sisa<
/th>
<
/tr>
<
tr>
<
td>
Januari<
/td>
<
td>
Rp.800.000,-<
/td>
<
td>
Rp.700.000,-<
/td>
<
td>
Rp.100.000,-<
/td>
<
/tr>
<
tr>
<
td>
Pebruari<
/td>
<
td>
Rp.10.000,-<
/td>
<
td>
Rp.0,-<
/td>
<
td>
Rp.10.000,-<
/td>
<
/tr>
<
tr>
<
td>
Maret<
/td>
<
td>
Rp.2.500.000,-<
/td>
<
td>
Rp.1.500.000,-<
/td>
<
td>
Rp.1.000.000,-<
/td>
<
/tr>
<
/table>
Hasilnya sbb
Bulan | Masuk | Keluar | Sisa |
---|---|---|---|
Januari | Rp.800.000,- | Rp.700.000,- | Rp.100.000,- |
Pebruari | Rp.10.000,- | Rp.0,- | Rp.10.000,- |
Maret | Rp.2.500.000,- | Rp.1.500.000,- | Rp.1.000.000,- |
Penulisan dalam HTML:
<
table border="1">
<
tr bgcolor="green">
<
th width="75">
Bulan<
/th>
<
th width="75">
Masuk<
/th>
<
th width="75">
Keluar<
/th>
<
th width="75">
Sisa<
/th>
<
/tr>
<
tr>
<
td>
Januari<
/td>
<
td>
Rp.800.000,-<
/td>
<
td>
Rp.700.000,-<
/td>
<
td>
Rp.100.000,-<
/td>
<
/tr>
<
tr>
<
td>
Pebruari<
/td>
<
td>
Rp.10.000,-<
/td>
>
Rp.0,-<
/td>
<
td>
Rp.10.000,-<
/td>
<
/tr>
<
tr>
<
td>
Maret<
/td>
<
td>
Rp.2.500.000,-<
/td>
<
td>
Rp.1.500.000,-<
/td>
<
td>
Rp.1.000.000,-<
/td>
<
/tr>
<
/table>
Hasilnya sbb:
Bulan | Masuk | Keluar | Sisa |
---|---|---|---|
Januari | Rp.800.000,- | Rp.700.000,- | Rp.100.000,- |
Pebruari | Rp.10.000,- | Rp.0,- | Rp.10.000,- |
Maret | Rp.2.500.000,- | Rp.1.500.000,- | Rp.1.000.000,- |
Semoga sedikit catatan ini bisa bermanfaat bagi yang sedang membutuhkan rujukan dalam belajar..
0 komentar:
Posting Komentar