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

Tipe Seorang Blogger

Selamat pagi semua.. Yup, mengawali Bulan Februari yang indah ini akan diberikan sedikit pencerahan tentang apa sih tipe blogger yang selama ini kita kenal? Kebanyakan dari kita tidak ada yang mengenalnya hingga detail tentang apa saja tipe-tipe seorang blogger yang lazimnya dikenal. Jadi, mari kita bahas bersama-sama.. Dalam pembagian klasifikasi tipe seorang blogger memang tidak terdapat acuan standar khusus yang mengaturnya. Akan tetapi, setidaknya kita dapat mengambil sebuah kesimpulan tentang tipe seorang blogger tersebut berdasarkan realita dan kelaziman dari karakter seorang blogger yang biasa kita jumpai. Apa saja itu? Berikut ulasannya; Blogger Informasi Yup, sebanding dengan jenis namanya jika blogger ini memiliki karakter yang kuat untuk menulis atau melakukan aktifitas blogging yang lebih menekankan pada segi keinginan untuk berbagi informasi. Entah itu informasi yang bersifat edukatif, hot news , tutorial, dsb. Selain memiliki jiwa sosial yang tinggi karena sifatnya yang...
Post a Comment
Read more

Situs URL Expander

Situs URL Expander – Situs URL expander memiliki peran penting dalam rangka menjaga keamanan aksesibilitas kita sebagai pengguna internet ketika ingin mengunjungi sebuah halaman blog atau situs tertentu. Hal ini dikarenakan situs yang menyediakan layanan URL expander akan memberikan informasi kepada kita mengenai URL yang sebenarnya dari sebuah URL yang disingkat menggunakan layanan dari situs penyingkat URL . Jika kita hendak bepergian ke sebuah tempat, tentu kita harus tahu banyak hal mengenai tempat tersebut. Setidaknya, kita mengetahui informasi yang jelas, lengkap, dan terpercaya dari tempat yang akan kita kunjungi. Manfaatnya yaitu kita akan diberikan jaminan rasa aman jika tempat yang kita kunjungi tersebut tidak akan membahayakan keselamatan kita. Selain itu, kita juga berpotensi untuk mendapatkan kepuasan lebih dengan mengeksplorasi dan mendayagunakan informasi yang kita miliki dari tempat kunjungan tersebut. Hal ini merupakan sebuah analogi yang dapat kita terapkan ketika ki...
Post a Comment
Read more

Cara Edit JavaScript

Edit JavaScript – Javascript merupakan sebuah ekstensi file yang digunakan untuk mengemas sebuah file dengan kode yang umumnya panjang untuk kemudian dikemas menjadi satu buah file. File javascript umumnya berekstensi .js dan dapat dibuat, dibuka, serta diedit melalui notepad. Keuntungan penggunaan file javascript ini antara lain kita tidak perlu memasukan kode yang terlalu panjang saat melakukan editing HTML, tetapi cukup meletakan URL file javascript dari kode tersebut yang terlebih dahulu sudah diupload di file hosting. Penggunaan file javascript ini sangat mudah untuk dilakukan. Salah satu contoh penggunaannya adalah ketika kita ingin mengedit kode yang terdapat di dalam file javascript tersebut. Bagaimana cara untuk melihat dan mengedit kode yang terdapat di dalam file javascript yang kita inginkan? Pertama, kita tentukan terlebih dahulu URL file javascript yang kita maksudkan. Misalnya seperti berikut. http://panduanbelajarblog.googlecode.com/files/efek-salju.js Setelah itu undu...
Post a Comment
Read more