Cara Membuat Tabel di Postingan Blog Lengkap
trikpos - Cara Membuat Tabel di Postingan Blog lengkap - Bagaimanakah cara membuat tabel Postingan Blog ?, oky pada kesempatan yang indah ini mas Trik kembali hadir menyuguhkan satu kreasi baru hasil editan saya sendiri, yakni Cara Membuat Tabel Super Responsive di postingan Blog , tabel ini biasa di gunakan bagi mereka yang suka membagikan Tutorial yang berhubungan dengan dokumen, menu daftar, dan jenis tabel yang lainya, untuk membuat tabel di blog kita cuma bermain dengan kode HTML tag </table>, <tr><td>. Ketiga kode itu dirangkai sehingga menjadi sebuah tabel.
Sebagai contoh, silahkan copy kode berikut:
Baca juga : Cara Membuat Tabel Super Responsive di Blog
Tabel 1:
Tabel 2:
Tabel 3:
Tabel 4:
Tabel dengan header warna:
Mudah bukan...? Demikian penjelasan kami mengenai "Cara Membuat Tabel di Postingan Blog Lengkap" Semoga bisa menjadi referensi serta bermanfaat bagi anda.
Sebagai contoh, silahkan copy kode berikut:
Baca juga : Cara Membuat Tabel Super Responsive di Blog
Tabel 1:
</table>
<tr><td>Calon Donatur</td><td>Nama</td><td>Nominal</td></tr>
<tr><td>Calon Donatur</td><td>Nama</td><td>Nominal</td></tr>
<tr><td>Calon Donatur</td><td>Nama</td><td>Nominal</td></tr>
</table>
maka akan menjadi tabel seperti iniCalon Donatur | Nama | Nominal |
Calon Donatur | Nama | Nominal |
Calon Donatur | Nama | Nominal |
Tabel 2:
</table>
<tr><td colspan="2">Daftar Donatur</td> </tr>
<tr><td>1</td><td>Nama</td></tr>
<tr><td>2</td><td>Nama</td></tr>
<tr><td>3</td><td>Nama</td></tr>
</table>
maka akan menjadi tabel seperti iniDaftar Donatur | |
1 | Nama |
2 | Nama |
3 | Nama |
Tabel 3:
</table>
<tr><td rowspan="4">Daftar Donatur</td></tr>
<tr><td>1</td><td>Nama</td></tr>
<tr><td>2</td><td>Nama</td></tr>
<tr><td>3</td><td>Nama</td></tr>
</table>
maka akan menjadi tabel seperti iniDaftar Donatur | |
1 | Nama |
2 | Nama |
3 | Nama |
Tabel 4:
Tabel dengan header warna:
</table>
<tr><td style="text-align:center;" colspan="2" bgcolor="#5C8AB7"><span style="color:#ffffff;font-size:18px;">Tabel Responsive</span></td> </tr>
<tr><td>Tabel</td> <td>Responsive</td></tr>
<tr><td>Tabel</td> <td>Responsive</td></tr>
<tr><td>Tabel</td> <td>Responsive</td></tr>
</table>
maka akan menjadi tabel seperti iniTabel Responsive | |
Tabel | Responsive |
Tabel | Responsive |
Tabel | Responsive |
Mudah bukan...? Demikian penjelasan kami mengenai "Cara Membuat Tabel di Postingan Blog Lengkap" Semoga bisa menjadi referensi serta bermanfaat bagi anda.
wah sesingkat itu ya mas,.,
ReplyDeletemudah baget, karna udah d baca artikel di atas.,?
Betul mbak bisa membuat tabel untuk daftar dan jenis ikan cupang...hi..hi..hi
Deletebagi saya nie tentu sagat membantu.,
ReplyDeletesipp...trimakasih mas, jadi sdikit paham cra buatnya...cuma yg responsive td mksudnya balum pham :D
ReplyDeleteResponsive itu artinya...tabel akan menampilkan lebar yang pas secara otomatis sesuai resolusi layar , jika blog di akses via seluler, banyak lho tabel yg tidak responsive atau tidak tampil dgn sempurna dan terpotong karna lebar melebihi resolusi layar, jika blog di akses via komputer tampilan tabel terlihat secara utuh , tapi kalau diakses via seluler ini akan kelihatan tabel yg tidak responsive...oky
DeleteMind, share ilmunya cara membuat navigasi melayang + search. Sama seperti blog ini.
ReplyDeleteOky tankyu mas atas rikuesnya...mungkin dalam waktu dekat akan saya share membuat navigasi melayang atau dropdown ....tunggu ya...
Deletesupaya tabelny berada di tengah gmn ya mas? soalny pnya sya kok berada di kiri...
ReplyDelete