Pembuatan Tabel dengan Spanning (HTML)
Yo, sekarang saya akan membagikan HOW to make simple table with spanning use HTML. Ok,lets we go. Mula-mula anda harus mengetahui coding dasar buat tabel pada HTML, anda bisa melihatnya di <llinkk post pertama>. Disini anda dapat menggunakan rowspan dan colspan untuk membuat spanning (merge kalo di excel). Contoh punya saya:
Maaf gambar nya kurang jelas. Tag
rowspan dan colspan ini sama dengan merge di excel. bedanya Rowspan fungsinya untuk
menggabungkan dua atau lebih row dalam satu tabel, sedangkan colspan fungsinya
untuk menggabungkan dua atau lebih columns dalam satu tabel, bila excel kita
harus memblok kotak-kotak yang ada di excel lalu klik di merge. Cara menggunakan
rowspan dan colspan sama kita tinggal memasukkan tag ini kedalam tag <tr>...</tr>
(dalam kurung tag pertama). Contoh:
<table>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan=2>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
<tr>
<td>entahlah</td>
</tr>
</table>
HTML diatas adalah penggunaan rowspan dan colspan .Seperti biasa
anda dapat menghiasi tabel ini atau background halaman dengan tag:
- <font color=”(masukkankodewarna)”> untuk mengubah warna tulisan
- <bgcolor=” (masukkankodewarna)”>untuk mengubah warna latar
- <body background=”(masukkanalamatfile)”> untuk mengubah background gambar halaman (tulis alamat file dengan formatnya).
Sekian dari
saya ini saja yang bisa saya sampaikan pembahasan berikutnya ada di sini ini, terima kasih.
Komentar
Posting Komentar