Kamis, 07 Januari 2010

Membuat tabel






bertujuan untuk membentuk baris tabel.
3. Tang bertujuan untuk membentuk kolom
4. Kolom akan berada di dalam baris. Artinya, kita harus membuat baris dulu baru kemudian membuat kolom.
5. Sedangkan isi dari tabel kita tuliskan di dalam tag

Jadi, jika kita ingin menambah kolom baru pada tabel tersebut, cukup tulis saja stuktur (kode) mulai tag . Sehingga bentuknya menjadi:
http://sperimylove.blogspot.com/http://restauraninfo.blogspot.com
http://tutorial-website.blogspot.com/2009/11/cara-membuat-tabel-pada-blog.htmlB
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:





ISI 1 TABEL


1. Tag
bertujuan untuk membentuk "bungkus" tabel secara keseluruhan.
2. Tag
sampai




ISI 1 TABELISI 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 TABELISI 2 TABEL
ISI 3 TABELISI 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 TABELISI 2 TABEL
ISI 3 TABELISI 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 TABELISI 2 TABEL
ISI 3 TABELISI 4 TABEL



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:





ISI 1 TABEL

  1. Tag
    bertujuan untuk membentuk "bungkus" tabel secara keseluruhan.
  2. Tag bertujuan untuk membentuk baris tabel.
  3. Tang bertujuan untuk membentuk kolom
  4. Kolom akan berada di dalam baris. Artinya, kita harus membuat baris dulu baru kemudian membuat kolom.
  5. Sedangkan isi dari tabel kita tuliskan di dalam tag
Jadi, jika kita ingin menambah kolom baru pada tabel tersebut, cukup tulis saja stuktur (kode) mulai tag sampai . Sehingga bentuknya menjadi:




ISI 1 TABELISI 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 TABELISI 2 TABEL
ISI 3 TABELISI 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:

border="2">






ISI 1 TABELISI 2 TABEL
ISI 3 TABELISI 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 :
    ...

    • 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:
      ...
    Contoh penggunaan keseluruhan dari atribut tersebut adalah:








    ISI 1 TABELISI 2 TABEL
    ISI 3 TABELISI 4 TABEL

    Jumlah Postingan

    About This Blog

    free counters :14

    Lorem Ipsum

    Entri data anda di sini yang akan tampil di kolom "Judul 1"
    Entri data anda di sini yang akan tampil di kolom "Judul 2"
    Entri data anda di sini yang akan tampil di kolom "Judul 3"
    Entri data anda di sini yang akan tampil di kolom "Judul 4"
    Entri data anda di sini yang akan tampil di kolom "Judul 5"

      © Blogger templates Newspaper III by Ourblogtemplates.com 2008

    Back to TOP