Cara Membuat Tabel (Tahap 2)
http://tutorialbloggermasnoer.blogspot.com/2011/02/cara-membuat-tabel-tahap-2_26.html
Pada bulan yang lalu saya sudah menulis tentang cara membuat Tabel (Tahap 1). Bila anda belum sempat melihat atau belum membaca artikelnya,silahkan anda bisa lihat DISINI. Kali ini saya akan melanjutkan memberikan beberapa contoh lagi cara membuat tabel serta perbedaan cara penulisannya.
Ok....langsung saja silahkan perhatikan perbedaan contoh-contoh berikut ini :
1. Tabel tanpa border atau batas dan tabel dengan border
Berikut hasilnya :
Berikut hasilnya :
Catatan : Nilai border '0' sama dengan tanpa border
2. Tabel header atau Judul
3. Tabel Header dan keterangan
4. Tabel dengan sel-sel yang lebih dari satu baris / kolom
5. Tag di dalam tabel
Bagaimana menampilkan elemen-elemen di dalam unsur-unsur lain.
6. Cell padding
Cellpadding berfungsi agar teks atau gambar tidak terlalu dekat dengan garis pada tabel.
7. Cell jarak
Cara menggunakan cellspacing untuk meningkatkan jarak antara sel.
Nah.... sementara ini dulu ya.....?
Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Ok....langsung saja silahkan perhatikan perbedaan contoh-contoh berikut ini :
1. Tabel tanpa border atau batas dan tabel dengan border
- Tabel tanpa border
Berikut hasilnya :
- Tabel dengan border
Berikut hasilnya :
2. Tabel header atau Judul
- Judul diatas
Berikut hasilnya :
- Judul disamping
Berikut hasilnya :
3. Tabel Header dan keterangan
Berikut hasilnya :
4. Tabel dengan sel-sel yang lebih dari satu baris / kolom
- Sel yang mencakup dua kolom:Sel yang mencakup dua kolom:
Berikut hasilnya :
- Sel yang mencakup dua baris:
Berikut hasilnya :
5. Tag di dalam tabel
Bagaimana menampilkan elemen-elemen di dalam unsur-unsur lain.
Berikut hasilnya :
6. Cell padding
Cellpadding berfungsi agar teks atau gambar tidak terlalu dekat dengan garis pada tabel.
Berikut hasilnya :
7. Cell jarak
Cara menggunakan cellspacing untuk meningkatkan jarak antara sel.
Berikut hasilnya :
Nah.... sementara ini dulu ya.....?
Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
oke trimks ka ilmunya....
BalasHapussyukron, jazakallahu khairan buat ilmunya
BalasHapusterima kasih! sangat membantu saya sebagai pemula! :)
BalasHapusbermanfaat banget..artikelnya thx
BalasHapusMakasih atas tutorialnya, sangat membantu ane sekali
BalasHapus