About Me

Foto Saya
ray_ws
Saya akan bersungguh-sungguh belajar untuk menuntut ilmu.
Lihat profil lengkapku

Recent Posts

Twitter Update

Featured Video

Blogger news

"Selamat Datang ...!"

Selamat datang di Blog Rayano Panjunan, tapi meskipun blog saya ini begitu sederhana tapi saya akn tetap belajar untuk menigkatkan blog ini. Dan semoga yang membaca artikel saya dapat mengerti

OH Ya Jangan Lupa Tinggalkan Komentar nya

Blogger templates

About

WooRank of ray-ws.blogspot.com
Protected by Copyscape Unique Content Checker

Msn bot last visit powered by MyPagerank.Net
Yahoo bot last visit powered by MyPagerank.Net
Powered by  MyPagerank.Net Share Our 

Knowledge Blog Tutorial Wordpress Blogger Blogspot
Ray Free Automatic Backlink reverse dns lookup ping test My Ping in TotalPing.com Free BackLinks Free BackLinks

Pages

Dukungan

Translate

Di Sponsor Oleh ?

Waktu Sekarang..???

Diberdayakan oleh Blogger.

Visitor

Free counters!

Popular Posts

Followers

Cara Membuat Tabel Pada HTML

Untuk membuat sebuah tabel maka susun bahan-bahan tersebut menjadi seperti ini,

  1. <table>  
  2. <tr>  
  3.     <td>baris 1, kolom 1td>  
  4.     <td>baris 1, kolom 2td>  
  5. tr>  
  6. <tr>  
  7.     <td>baris 2, kolom 1td>  
  8.     <td>baris 2, kolom 2td>  
  9. tr>  
  10. table>  
Susunan seperti kode diatas akan membuat sebuah tabel sederhana yang berukuran 2 X 2, yaitu 2 kolom dan 2 baris. Sekarang perhatikan karena konsep dari tabel ini cukup sulit namun akan menjadi mudah apabila kalian memperhatikan penjelasan berikut.
Tabel dari html adalah berdasarkan kepada baris atau row. Anggap kamu ingin memasukkan data pada baris pertama kolom pertama maka pertama kali yang kalian harus lakukan adalah membuat sebuah baris lalu setelah itu membuat kolom, baru setelahnya memasukkan data. Apabila kalian ingin memasukkan data pada kolom kedua baris pertama maka kalian harus membuat sebuah baris, kemudian buat kolom pertama, setelah itu buat kolom kedua, baru isi datanya. Jadi intinya baris dulu baru kolom.
digunakan untuk membuat suatu baris baru. Sedangkan digunakan untuk membuat kolom/data. Supaya gampang mengingatnya, ingat saja huruf belakangnya, tr --> r = row, td --> d = data.
Setelah mengetahui dasarnya, maka selanjutnya kita akan belajar untuk menyatukan 2 kolom pada sebuah tabel. Lihat contohnya dibawah ini, kita akan membuat sebuah tabel dimana terdapat 2 kolom yang

digabungkan.
1
23
45
Lihat, pada baris pertama, kolom pertama dan kedua digabung sehingga isi dari kolom tersebut bisa sepanjang 2 kolom. Biasanya penggabungan kolom seperti contoh diatas digunakan untuk membuat judul dari tabel.
Lalu sekarang bagaimana cara membuatnya agar bisa digabungkan ? Asal kita mengetahui bahan tambahannya hal itu mudah sekali untuk dilakukan. Bahan tambahan tersebut berupa atribut dari yang bernama colspan. Lihat di bawah ini untuk cara penggunaannya.
  1. <table>  
  2. <tr>  
  3.     <td colspan="2">Ini adalah kolom yang digabungkantd>  
  4. tr>  
  5. <tr>  
  6.     <td>baris 2, kolom 1td>  
  7.     <td>baris 2, kolom 2td>  
  8. tr>  
  9. <tr>  
  10.     <td>baris 3, kolom 1td>  
  11.     <td>baris 3, kolom 2td>  
  12. tr>  
  13. table>  
Perhatikan bagian "Ini adalah kolom yang digabungkan", sebelumnya terlihat perintah bukan ? Ini adalah contoh penggunaan colspan. Colspan memerintahkan agar beberapa kolom digabungkan tergantung dari nilai yang dituliskan. Pada contoh diatas nilai tersebut adalah "2" sehingga 2 kolom digabungkan menjadi satu dan hasilnya dapat kalian lihat seperti contoh tabel diatas.
Contoh diatas adalah untuk menggabungkan kolom secara horisontal, namun bagaimana cara menggabungkan kolom secara vertikal? Berikut ini kita akan belajar untuk menggabungkan kolom 2 secara vertikal. Lihat tabel dibawah ini.
1
23
5
Perhatikan tabel diatas, kolom 2 dan kolom 4 digabung sehingga kolom 4 nya hilang. Untuk membuat tabel seperti diatas atribut tambahan yang diperlukan adalah rowspan. Mudah bukan mengingatnya? jika masih dalam satu baris kita menggunakan colspan sedangkan apabila pidah baris kita menggunakan rowspan. Dibawah ini adalah perintah yang digunakan untuk membuat tabel seperti diatas.
  1. <table>  
  2. <tr>  
  3.     <td colspan="2">Ini adalah kolom yang digabungkantd>  
  4. tr>  
  5. <tr>  
  6.     <td rowspan="2">baris 2, kolom 1td>  
  7.     <td>baris 2, kolom 2td>  
  8. tr>  
  9. <tr>  
  10.     <td>baris 3, kolom 2td>  
  11. tr>  
  12. table> 

0 komentar:

Posting Komentar

Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan.