Bagi sobat yang masih kesulitan dalam membuat posting, berikut ini akan saya contohkan bagaimana cara membuat tabel dan kotak background pada Posting di Blog.
Membuat tabel di awali dengan tag di bawah ini :
judul kolom1 | judul kolom2 | judul kolom3 |
isi kolom ke 1 | isi kolom ke 2 | isi kolom ke 3 |
Contoh:
Kita akan membuat tabel yang berisi nomor, nama, jenis kelamin dan alamat di bawah ini:
No | Nama | Jenis Kelamin | Alamat |
1 | Sarjono | Laki-laki | Jl. Jawa 290 Surabaya |
Hasil :
No | Nama | Jenis Kelamin | Alamat |
1 | Sarjono | Laki-laki | Jl. Jawa 290 Surabaya |
Penjelasan
width="450px" adalah lebar tabel sebesar 450 pixel anda bisa mengganti angka tersebut sesuai dengan keinginan anda
cellspacing="0" jarak antar cell pada tabel sebesar 0 pixel, boleh dikatakan tidak ada jarak.
cellpadding="5px" adalah jarak penulisan dari samping, atas dan bawah cell sebesar 5 pixel, anda bisa mengganti jarak tersebut sesuai dengan keinginan anda.
adalah bahwa kepala tabel rata tengah dan berwarna biru muda.
border="2px" adalah garis tepi dari tabel dengan ketebalan 2 pixel
sedangkan adalah bahwa cell untuk isi dari tabel rata kiri dan tidak menggunakan warna.
Bagaimana bila kita menginginkan cell dari isi tabel berwarna putih?
Pada tinggal menambahkan bgcolor="#FFFFFF" sehingga menjadi
Masih bingung, baiklah kita menggunakan contoh di atas dengan cell untuk isi tabel berwarna putih, sebagai berikut:
No | Nama | Jenis Kelamin | Alamat |
1 | Sarjono | Laki-laki | Jl. Jawa 290 Surabaya |
Hasil :
No | Nama | Jenis Kelamin | Alamat |
1 | Sarjono | Laki-laki | Jl. Jawa 290 Surabaya |
Bagaimana bila isi Tabel lebih dari satu?
Contoh:
No | Nama | Jenis Kelamin | Alamat |
1 2 3 4 | Sarjono Sartono Jamilah Paiman | Laki-laki Laki-laki Perempuan Laki-laki | Jl. Jawa 290 Surabaya Jl. Bali 322 Surabaya Jl. Lombok 411 Surabaya Jl. Sumba 523 Surabaya |
Hasil :
No | Nama | Jenis Kelamin | Alamat |
1 2 3 4 | Sarjono Sartono Jamilah Paiman | Laki-laki Laki-laki Perempuan Laki-laki | Jl. Jawa 290 Surabaya Jl. Bali 322 Surabaya Jl. Lombok 411 Surabaya Jl. Sumba 523 Surabaya |
Bila anda menginginkan antar cell untuk isi tabel dipisahkan oleh garis, maka sebagai berikut:
Contoh :
No | Nama | Jenis Kelamin | Alamat |
1 | Sarjono | Laki-laki | Jl. Jawa 290 Surabaya |
2 | Sartono | Laki-laki | Jl. Bali 322 Surabaya |
3 | Jamilah | Perempuan | Jl. Lombok 411 Surabaya |
4 | Paiman | Laki-laki | Jl. Sumba 523 Surabaya |
Hasil :
No | Nama | Jenis Kelamin | Alamat |
1 | Sarjono | Laki-laki | Jl. Jawa 290 Surabaya |
2 | Sartono | Laki-laki | Jl. Bali 322 Surabaya |
3 | Jamilah | Perempuan | Jl. Lombok 411 Surabaya |
4 | Paiman | Laki-laki | Jl. Sumba 523 Surabaya |
Semoga bermanfaat dan selamat mencoba!!!
0 komentar:
Posting Komentar