Cara Membuat Tampilan Tabel Pada Halaman Blog Menggunakan HTM CSS
Halo sobat. Belum lama ini saya membuat post yang membutuhkan tampilan sebuah tabel, sebenarnya membuat tabel pada halaman blog ini tidaklah terlalu sulit karena tidak jauh berbeda ketika kita akan membuat tabel pada halaman html seperti post saya sebelum-belumnya tentang design web. Jika sobat ingin melihat lengkapnya cek saja pada menu design di sana ada sekumpulan kode lengkap dengan hasilnya.
Ok, hal pertama yang harus kita lakukan adalah masuk pada halaman untum membuat post baru kemudian kita ubah jenis cara menulis kita. Pada halaman membuat post baru pada blogger kita diberikan dua pilihan cara menulis yaitu
Ketika Sobat sudah menuliskan kode di atas dengan benar, tampilannya kurang lebih seperti di bawah ini.
Kode Css yang kita gunakan kali ini hanya width, kode tersebut hanya untuk mengatur lebar dari tampilan tabel yang akan kita buat. Di sini saya menggunakan 50% ya ini adalah ukuran untuk setengan dari badan halaman, tapi sobat bisa pulan menggunakan angka biasa misal 320px, 720px dan sebagainya sesuaikan dengan keinginan sobat.
Kesimpulan
Bagaimana sob tidak terlalu sulit bukan ? Membuat tabel tidaklah terlalu sulit jika kita mau. Sekian ya sob tutorial sederhana dari saya tentang bagaimana cara membuat tabel pada blog, semoga bermanfaat. Terima kasih dan selamat mencoba
Ok, hal pertama yang harus kita lakukan adalah masuk pada halaman untum membuat post baru kemudian kita ubah jenis cara menulis kita. Pada halaman membuat post baru pada blogger kita diberikan dua pilihan cara menulis yaitu
- Compose yaitu kita menulis dengan text biasa dimana fungsi dari link, html, css dan semacamnya tidak akan aktif,
- Html yaitu di mana kita dapat menuliskan fungsi css dan html dan fungsinya akan aktif.
 |
| mengubah jenis penulisan |
Setelah kita ubah jenis penulisan ini maka selanjutnya adalah kita tinggal menuliskan kode html dan css untuk membuat tampilan tabel pada halaman blog. Berikut kode yang sobat bisa gunakan :
<table style="width: 50%px;">
<tbody>
<tr><th align="center"><b>Nama</b></th><th align="center"><b>Umur</b></th><th align="center"><b>Jenis Kelamin</b></th>
</tr>
<tr><td align="center">Putri</td><td align="center">16</td><td align="left">Perempuan</td>
</tr>
<tr><td align="center">Putra</td><td align="center">17</td><td align="left">Laki-laki</td>
</tr>
<tr><td align="center">Tono</td><td align="center">15</td><td align="left">Laki-laki</td>
</tr>
<tr><td align="center">Tini</td><td align="center">17</td><td align="left">Perempuan</td>
</tr>
</tbody></table>
<tbody>
<tr><th align="center"><b>Nama</b></th><th align="center"><b>Umur</b></th><th align="center"><b>Jenis Kelamin</b></th>
</tr>
<tr><td align="center">Putri</td><td align="center">16</td><td align="left">Perempuan</td>
</tr>
<tr><td align="center">Putra</td><td align="center">17</td><td align="left">Laki-laki</td>
</tr>
<tr><td align="center">Tono</td><td align="center">15</td><td align="left">Laki-laki</td>
</tr>
<tr><td align="center">Tini</td><td align="center">17</td><td align="left">Perempuan</td>
</tr>
</tbody></table>
Ketika Sobat sudah menuliskan kode di atas dengan benar, tampilannya kurang lebih seperti di bawah ini.
Nama | Umur | Jenis Kelamin |
|---|---|---|
Putri | 16 | Perempuan |
Putra | 17 | Laki-laki |
Tono | 15 | Laki-laki |
Tini | 17 | Perempuan |
Kode Css yang kita gunakan kali ini hanya width, kode tersebut hanya untuk mengatur lebar dari tampilan tabel yang akan kita buat. Di sini saya menggunakan 50% ya ini adalah ukuran untuk setengan dari badan halaman, tapi sobat bisa pulan menggunakan angka biasa misal 320px, 720px dan sebagainya sesuaikan dengan keinginan sobat.
Kesimpulan
Bagaimana sob tidak terlalu sulit bukan ? Membuat tabel tidaklah terlalu sulit jika kita mau. Sekian ya sob tutorial sederhana dari saya tentang bagaimana cara membuat tabel pada blog, semoga bermanfaat. Terima kasih dan selamat mencoba
0 Response to "Cara Membuat Tampilan Tabel Pada Halaman Blog Menggunakan HTM CSS"
Post a Comment