Membuat tabel
http://sperimylove.blogspot.com/ | http://restauraninfo.blogspot.com | |
http://tutorial-website.blogspot.com/2009/11/cara-membuat-tabel-pada-blog.html | B log dari blogspot maupun wordpress saat ini belum dilengkapi dengan toolbar untuk membuat tabel pada postingan atau artikel yang kita tulis. Oleh karena itu, kita harus membuat tabel dengan menulis langsung kode atau tag HTML untuk membuat tabel. Adapun tag HTML yang digunakan untuk membuat tabel pada blog adalah sebagai berikut:
1. Tag 2. Tag | |
bertujuan untuk membentuk kolom | sampai | . Sehingga bentuknya menjadi:
ISI 1 TABEL | ISI 2 TABEL |
Selanjutnya, jika kita ingin menambah baris baru, cukup tulis lagi struktur (kode) mulai tag
ISI 1 TABEL | ISI 2 TABEL |
ISI 3 TABEL | ISI 4 TABEL |
Nah, supaya tabel tersebut bisa terlihat pada halaman blog, maka kita harus membuat border dari tabel tersebut:. Caranya cukup menambahkan kode yang berwarna biru seperti di bawah ini:
ISI 1 TABEL | ISI 2 TABEL |
ISI 3 TABEL | ISI 4 TABEL |
border="..." tersebut merupakan atribut digunakan untuk mengatur tabel yang nilainya adalah pixel. Beberapa atribut lain yang bisa kita gunakan antara lain:
1. cellspacing : merupakan atribut untuk mengatur jarak antar sel. Misalnya jarak sel pada baris 1 kolom 1 dengan dengan sel baris 1 kolom 2. Penulisannya adalah:
2. cellpadding : merupakan jarak tulisan atau isi sel dari pinggir sel. Tujuannya agar isi atau tulisan pada tabel tersebut tidak mepet pada pinggir atau border tabel. Penulisannya adalah:
3. bgcolor : merupakan atribut untuk mengatur warna background dari tabel. Isinya adalah kode-kode warna. Contoh penulisannya:
4. align : merupakan atribut untuk mengatur posisi tabel. Nilai dari atribut ini adalah:
* center : agar berada ditengah-tengah halaman.
* left : agar berada disebelah kiri halaman.
* right: agar berada disebelah kanan halaman.
Contoh penulisannya adalah :
5. bordercolor : untuk mengatur warna border tabel. Nilainya adalah pixel. Contoh enulisannya adalah:
6. width: untuk mengatur lebar tabel. Nilainya adalah pixel atau persen (%). Contoh penulisannya:
7. height : untuk mengatur tinggi tabel. Nilainya adalah pixel atau persen (%). Contoh penulisannya:
Contoh penggunaan keseluruhan dari atribut tersebut adalah:
ISI 1 TABEL | ISI 2 TABEL |
ISI 3 TABEL | ISI 4 TABEL |
ISI 1 TABEL |
- Tag
bertujuan untuk membentuk "bungkus" tabel secara keseluruhan.
- Tag bertujuan untuk membentuk baris tabel.
- Tang bertujuan untuk membentuk kolom
- Kolom akan berada di dalam baris. Artinya, kita harus membuat baris dulu baru kemudian membuat kolom.
- Sedangkan isi dari tabel kita tuliskan di dalam tag
ISI 1 TABEL | ISI 2 TABEL |
Selanjutnya, jika kita ingin menambah baris baru, cukup tulis lagi struktur (kode) mulai tag sampat . Sehingga bentuknya menjadi:
sampai . Sehingga bentuknya menjadi:
ISI 1 TABEL | ISI 2 TABEL |
ISI 3 TABEL | ISI 4 TABEL |
Nah, supaya tabel tersebut bisa terlihat pada halaman blog, maka kita harus membuat border dari tabel tersebut:. Caranya cukup menambahkan kode yang berwarna biru seperti di bawah ini:
ISI 1 TABEL | ISI 2 TABEL |
ISI 3 TABEL | ISI 4 TABEL |
border="..." tersebut merupakan atribut digunakan untuk mengatur tabel yang nilainya adalah pixel. Beberapa atribut lain yang bisa kita gunakan antara lain:
- cellspacing : merupakan atribut untuk mengatur jarak antar sel. Misalnya jarak sel pada baris 1 kolom 1 dengan dengan sel baris 1 kolom 2. Penulisannya adalah:
...
- cellpadding : merupakan jarak tulisan atau isi sel dari pinggir sel. Tujuannya agar isi atau tulisan pada tabel tersebut tidak mepet pada pinggir atau border tabel. Penulisannya adalah:
...
- bgcolor : merupakan atribut untuk mengatur warna background dari tabel. Isinya adalah kode-kode warna. Contoh penulisannya:
...
- align : merupakan atribut untuk mengatur posisi tabel. Nilai dari atribut ini adalah:
- center : agar berada ditengah-tengah halaman.
- left : agar berada disebelah kiri halaman.
- right: agar berada disebelah kanan halaman.
...
- center : agar berada ditengah-tengah halaman.
- bordercolor : untuk mengatur warna border tabel. Nilainya adalah pixel. Contoh enulisannya adalah:
...
- width: untuk mengatur lebar tabel. Nilainya adalah pixel atau persen (%). Contoh penulisannya:
...
- height : untuk mengatur tinggi tabel. Nilainya adalah pixel atau persen (%). Contoh penulisannya:
...
ISI 1 TABEL | ISI 2 TABEL |
ISI 3 TABEL | ISI 4 TABEL |