Cara Membuat Tabel Dalam Postingan Blog
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
Posting Komentar