Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / CSS / HTML / tutorial

Cara Menciptakan Tampilan Tabel Pada Halaman Blog Memakai Htm Css

Halo sahabat gapunyakode. Belum usang ini saya menciptakan post yang membutuhkan tampilan sebuah tabel, sebetulnya menciptakan tabel pada halaman blog ini tidaklah terlalu sulit alasannya yaitu tidak jauh berbeda dikala kita akan menciptakan tabel pada halaman html menyerupai post saya sebelum-belumnya perihal design web. Jika sahabat ingin melihat lengkapnya cek saja pada hidangan design di sana ada sekumpulan instruksi lengkap dengan hasilnya.
tampilan tabel blogger

Ok, hal pertama yang harus kita lakukan yaitu masuk pada halaman untum menciptakan post gres kemudian kita ubah jenis cara menulis kita. Pada halaman menciptakan post gres pada blogger kita diberikan dua pilihan cara menulis yaitu

  1. Compose yaitu kita menulis dengan text biasa dimana fungsi dari link, html, css dan semacamnya tidak akan aktif, 
  2. Html yaitu di mana kita sanggup menuliskan fungsi css dan html dan fungsinya akan aktif.
mengubah jenis penulisan
Setelah kita ubah jenis penulisan ini maka selanjutnya yaitu kita tinggal menuliskan instruksi html dan css untuk menciptakan tampilan tabel pada halaman blog. Berikut instruksi yang sahabat sanggup 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>

Ketika Sobat sudah menuliskan instruksi di atas dengan benar, tampilannya kurang lebih menyerupai 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, instruksi tersebut hanya untuk mengatur lebar dari tampilan tabel yang akan kita buat. Di sini saya memakai 50% ya ini yaitu ukuran untuk setengan dari tubuh halaman, tapi sahabat sanggup pulan memakai angka biasa misal 320px, 720px dan sebagainya sesuaikan dengan impian sobat.

Kesimpulan
Bagaimana sob tidak terlalu sulit bukan ? Membuat tabel tidaklah terlalu sulit jikalau kita mau. Sekian ya sob tutorial sederhana dari saya perihal bagaimana cara menciptakan tabel pada blog, biar bermanfaat. Terima kasih dan selamat mencoba

Anda mungkin menyukai postingan ini :