Skip to main content

Membuat Tabel di Posting Blog

Membuat Tabel di Posting Blog

Bagi para webmaster yang sudah melanglangbuana sekian lama di dunia per-website-an dan per-blog-an pasti sudah pernah merasakan memposting sebuah tabel di website/blog. Ada yang sudah sangat mahir sehingga dengan lincah dan cepatnya mengetikkan kode-kode html untuk membuat tabel dengan berbagai kreasi. Tapi mungkin bagi yang baru belajar masih sedikit bingung. Seperti saya, yang sudah agak lupa bagaimana kode-kode html untuk membuat tabel.
Membuat tabel sederhana
Ini adalah contoh kode html untuk tabel dengan 2 kolom dan 1 baris dengan tebal border 1 pixel.
Untuk membuat baris baru, kita tinggal menuliskan kode . Kalau sudah, di dalam baris tersebut kita isi tabel data yang kodenya , maka akan jadi satu kolom, untuk menambah kolom kedua tinggal ditulis kode lagi masih di dalam kode tadi. Kalau sudah, tampilan kode2 di atas pada browser kurang lebih akan seperti ini :
Terlihat lucu bukan? tabel itu harus berisi teks, kalau tidak maka tampilannya ya seperti itu.
Kita lihat tampilannya setelah diisi teks :
kolom pertama kolom kedua
kalau kode2 ini dibaca akan tampil :
kolom pertamakolom kedua
Lebar kolom pada tabel itu akan menyesuaikan dengan panjang tulisannya. Untuk supaya tabel terlihat rapi, kita perlu mengatur lebar kolom(column width)
kode tadi kita tambahkan :

width=”100%”>

width=”30%”>kolom pertama kolom kedua
maka kurang lebih hasilnya akan seperti ini ,
kolom pertamakolom kedua
Untuk membuat beberapa baris lagi di bawahnya, tinggal tambahkan kode tadi setelah kode
terakhir sehingga baris yang baru akan berada di bawahnya. Seperti ini,

kolom pertama
kolom kedua

kolom pertama
kolom kedua
hasilnya,
kolom pertamakolom kedua
kolom pertamakolom kedua
Sebenarnya masih banyak kostumisasi tabel supaya tabel bisa tampil lebih menarik seperti membuat background, menyisipkan gambar, membuat bingkai, dll. Tapi ini baru dasarnya saja. Kalau Anda tertarik mempelajari HTML lebih dalam silakan kunjungi HTMLisEasy.com untuk bahasa Inggris atau klik Di sini untuk yang berbahasa Indonesia. Selamat belajar!
Cara Lebih Mudah Posting Tabel Di blog
Untuk yang masih bingung dengan cara HTML saya di atas, mungkin Anda sangat tertarik (saya sangat yakin yang lebih mudah akan lebih menarik… :) ) ada cara yang lebih mudah. Ikuti saja link berikut ini…  silakan di klik biar situsnya kelihatan… :)

Comments

Post a Comment

Popular posts from this blog

Inilah Cara Termudah Mengenal Ukuran Panjang dan Lebar Template Blog Kita

Apa yang harus kita lakukan pertama kali untuk mengetahui ukuran panjang dan lebar blog kita? Bagi blogger pemula, mengetahui ukuran panjang dan lebar template blog merupakan hal yang cukup membingungkan. Hal ini karena kita sebagai blogger pemula merasa awam dengan begitu banyaknya kode HTML yang termuat dalam template blog. Kalau kenyataannya sudah begini, apa akibat masalah yang kita hadapi karena edit HTML yang sulit? Waktu akan terbuang percuma hanya untuk mencari kode HTML yang menunjukan ukuran bagian template yang tidak juga ditemukan. Selain itu, jika kode HTML ini lama tidak ditemukan juga akan membuat kita merasa kesal dan bosan bukan? Nah, untuk mari kita perhatikan bersama bagaimana cara untuk mengetahui ukuran template blog milik kita. Pertama, masuk ke dalam akun blogger kita masing-masing. Klik rancangan. Klik edit HTML. Klik expand template widget. Cari kode HTML berikut ini. (hanya contoh, cari kode HTML yang dicetak tebal) Mengetahui ukuran lebar keseluruhan templ...
Post a Comment
Read more

Daftar Situs Penyedia Kursor Pada Blog

Jika kita ingin merubah bentuk kursor pada blog , kita dapat memanfaatkan layanan dari beberapa situs yang menyediakan berbagai bentuk kursor modifikasi yang dapat kita gunakan. Bentuk kursor yang standar pada sebuah blog pada dasarnya adalah berbentuk tanda panah berwarna putih. Akan tetapi, kita dapat mengganti bentuk kursor yang standar tersebut dengan bentuk yang lebih modis dan stylis dengan menggunakan beberapa bentuk kursor yang disediakan oleh situs-situs penyedia kursor pada blog di bawah ini : http://www.cursors-4u.com http://www.myspacecursor.net http://www.totallyfreecursors.com http://www.123cursors.com http://www.anicursor.com Dengan beragam kursor dalam situs tersebut, kita dapat membuat tampilan blog menjadi lebih trendy dan lain dari pada blog yang lainnya. Menarik bukan? Jika ada yang ingin menambahi, silakan sampaikan lewat kotak komentar di bawah ini ya kawan. Salam blogger!
Post a Comment
Read more

Sherlock Holmes

Penampilan terbaru dari tokoh terkenal karya Arthur Conan Doyle, Sherlock Holmes berkisah tentang petualangan terbaru Holmes (Robert Downey Jr.) dan mitra setianya Watson (Jude Law) Mempertunjukkan kepandaiannya sebagai seorang intelektual, Holmes bertarung lebih hebat dari sebelumnya untuk menjatuhkan musuh barunya dan mengungkapkan sebuah rencana berbahaya yang dapat menghancurkan Negara tersebut Jenis Film : Drama/adventure Produser : Joel Silver, Susan Downey, Lionel Wigram Produksi : Warner Bros. Pictures Homepage : http://sherlock-holmes-movie.warnerbros.com/ Durasi : 139 Pemain : Robert Downey Jr. ...
Post a Comment
Read more