Cara Membuat Tabel Dalam Postingan Blog

contoh tabel


Hallo teman-teman semua lama tak bersua di Blog ini karena kendala dan tenang karena kini saya kembali lagi untuk memberikan kajian-kajian tentang Tutorial membuat Tabel dalam postingan blog. Cukup sudah basa basinya langsung saja kita simak bagaimana cara membuatnya.

Caranya cukup mudah anda tinggal copy saja kode-kode HTML di bawah ini dari berbagai jenis tabel yang anda inginka, silahkan gan di pilih tabelnya!

Calon Penganten
No. Nama Jenis Kelamin
1. Stepen Laki-laki
2. Enjel Wanita

Jika anda ingin membuat table di atas cukup copy kodenya di bawah ini!

<table border="1"> <tr> <td colspan=3 align="center">Calon Penganten</td> </tr> <tr> <td>No</td> <td>Nama</td> <td>Jenis Kelamin</td> </tr> <tr> <td>1.</td> <td>Stepen</td> <td>Laki-laki</td> </tr> <tr> <td>2.</td> <td>Enjel</td> <td>Wanita</td> </tr> </table>


Catatan: bila ingin menambah kolomnya seperti no, nama, dan jenis kelaminya tambahkan saja kodenya yg saya merahkan seperti berikut dan gantikan dengan kata anda.

<table border="1"> <tr> <td colspan=3 align="center">Calon Penganten</td> </tr> <tr> <td>No</td> <td>Nama</td> <td>Jenis Kelamin</td> </tr> <tr> <td>1.</td> <td>Stepen</td> <td>Laki-laki</td> </tr> <tr> <td>2.</td> <td>Enjel</td> <td>Wanita</td> </tr>
<tr> <td>3.</td> <td>masukan kata</td> <td>kebawah seterusnya</td> </tr>
</table>


Nama Murid Perkelas
Jurusan Nama No. Peserta
Tata Boga Mila 01
Wati 02
Ucup 03
Otomotif James 01
Jupri 02
Slamet 03

Untuk membuat seperti tabel di atas silahkan copy kodenya di bawah ini!

<table border="1"> <tr> <td colspan=3 align="center">Nama Murid Perkelas</td> </tr> <tr> <td>Jurusan</td> <td>Nama</td> <td>No. Peserta</td> </tr> <tr> <td rowspan=3>Tata Boga</td> <td>Mila</td> <td>01</td> </tr> <tr> <td>Wati</td> <td>02</td> </tr> <tr> <td>Ucup</td> <td>03</td> </tr> <tr> <td rowspan=3>Otomotif</td> <td>James</td> <td>01</td> </tr> <tr> <td>Jupri</td> <td>02</td> </tr> <tr> <td>Slamet</td> <td>03</td> </tr> </table>


Catatan: penambahan kolom maupun barisannya sama saja seperti tabel yang pertama cuma kodenya saja yang berbeda, jadi di perhatikan!
Nah mungkin itu dulu saja yang dapat saya share dan terima kasih atas perhatiannya.

Komentar