Cara Menciptakan Tampilan Tabel Pada Halaman Blog Memakai Htm Css
Halo teman gapunyakode. Belum usang ini saya menciptakan post yang membutuhkan tampilan sebuah tabel, bekerjsama menciptakan tabel pada halaman blog ini tidaklah terlalu sulit alasannya yaitu tidak jauh berbeda saat kita akan menciptakan tabel pada halaman html ibarat post saya sebelum-belumnya perihal design web. Jika teman ingin melihat lengkapnya cek saja pada sajian design di sana ada sekumpulan isyarat lengkap dengan hasilnya.
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
Ketika Sobat sudah menuliskan isyarat di atas dengan benar, tampilannya kurang lebih ibarat di bawah ini.
Kode Css yang kita gunakan kali ini hanya width, isyarat 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 teman sanggup pulan memakai angka biasa misal 320px, 720px dan sebagainya sesuaikan dengan harapan sobat.
Kesimpulan
Bagaimana sob tidak terlalu sulit bukan ? Membuat tabel tidaklah terlalu sulit kalau kita mau. Sekian ya sob tutorial sederhana dari saya perihal bagaimana cara menciptakan tabel pada blog, supaya bermanfaat. Terima kasih dan selamat mencoba Sumber http://gapunyakode.blogspot.com
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
- Compose yaitu kita menulis dengan text biasa dimana fungsi dari link, html, css dan semacamnya tidak akan aktif,
- 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 isyarat html dan css untuk menciptakan tampilan tabel pada halaman blog. Berikut isyarat yang teman 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>
<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 isyarat di atas dengan benar, tampilannya kurang lebih ibarat 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, isyarat 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 teman sanggup pulan memakai angka biasa misal 320px, 720px dan sebagainya sesuaikan dengan harapan sobat.
Kesimpulan
Bagaimana sob tidak terlalu sulit bukan ? Membuat tabel tidaklah terlalu sulit kalau kita mau. Sekian ya sob tutorial sederhana dari saya perihal bagaimana cara menciptakan tabel pada blog, supaya bermanfaat. Terima kasih dan selamat mencoba Sumber http://gapunyakode.blogspot.com
0 Response to "Cara Menciptakan Tampilan Tabel Pada Halaman Blog Memakai Htm Css"
Posting Komentar