Kamis, 30 Oktober 2014

Menambah Baris dan Kolom pada Tabel

Untuk postingan kali inigiliran bagaimana cara menambahkan baris dan kolom pada tabel. Dalam membuat tabel terdapat 3 kode perintah utama, yaitu : <table>  dan Penjelasan : perintah untuk membuat tabel perintah untuk membuat baris dan
perintah untuk membuat kolom
. -Ingat!-

Sebagai ilustrasi kamu akan memasukan suatu data pada baris pertama kolom pertama, hal pertama yang harus dibuat adalah membuat baris lalu dikuti dengan membuat kolom dan selanjutnya memasukan data, jika akan dilanjutkan mengisi kolom kedua pada baris pertama, yang perlu dilakukan adalah membuat baris dulu kemudian membuat kolom pertama dan selanjutnya membuat kolom kedua setelah itu mengisi data, inti dari pengisian data pada tabel adalah, pertama membuat baris( ) lalu diikuti dengan membuat kolom().

Pertama buat baris( ), kemudian buat kolom().
Berikut adalah kode table dengan 2 baris dan 2 kolom :
<----- i="" pembuka="" table="">
<----- 1="" baris="" i="">
<----- 1="" i="" kolom="">
<----- 2="" i="" kolom="">
  <----- 2="" baris="" td="">Baris 2 - Kolom 1
Baris 1 - Kolom 1 Baris 1 - Kolom 2
<----- 1="" i="" kolom=""> Baris 2 - Kolom 2 <----- 2="" i="" kolom=""> <----- i="" penutup="" table="">
Untuk menjadikan 3 baris dan 3 kolom, kodenya akan berubah seperti berikut:
<----- i="" pembuka="" table="">
<----- 1="" baris="" i="">
<----- 1="" i="" kolom="">
<----- 2="" i="" kolom="">
  <----- 2="" baris="" td="">Baris 2 - Kolom 1
Baris 1 - Kolom 1 Baris 1 - Kolom 2
<----- 1="" i="" kolom=""> Baris 2 - Kolom 2 <----- 2="" i="" kolom=""> <----- 3="" baris="" td="">Baris 3 - Kolom 1 <----- 1="" kolom="" td="">Baris 3 - Kolom 2 <----- 2="" kolom="" tr=""> <----- i="" penutup="" table="">Selanjutnya bisa kalian tambahkan sendiri baris dan kolomnya sesuai kebutuhan. Untuk hasilnya akan seperti berikut dengan sedikit tambahan Css agar tabel terlihat lebih bagus.

Baris 1 - Kolom 1baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 2 - Kolom 2
Baris 3 - Kolom 1Baris 3 - Kolom 3

Postingan selanjutnya kita akan menggabungkan baris dan baris, kolom dan kolom menjadi satu. Seperti berikut: 

Gabungan 1 Baris dan 3 Kolom
Baris 1 - Kolom 1baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 2 - Kolom 2Baris 2 - Kolom 3
Baris 3 - Kolom 1
Baris 4 - Kolom 1Baris 4 - Kolom 2Baris 4 - Kolom 3

0 komentar :