MENGENAI CARA MEMBUAT TABLE DI POSTINGAN

usersymbians60v :
cara membuat tabel pada postinga blog seperti halnya tabel pada office yang terdiri kolom dan baris,yang berfungsi memasukan data dan mengurutkan sesuai dengan kategory atau kebutuhan sehingga menjadi susunan yang rapih.
untuk membuat table postingan hanya dibutuhkan  tiga kode perintah utama seperti :
<table> <tr> dan <td>


Penjelasan : 
<table>  : perintah untuk membuat table
<tr>       : perintah untuk membuat baris dan
<td>      : perintah untuk membuat kolom.
 Sebagai ilustrasi penerapan kodenya seperti ini :
 

Kode tersebut akan menghasilkan 2 kolom dan 2 baris data yang belum dipisahkan oleh garis yang membatasi tiap data, seperti tergambar hasilnya seperti ini :

|Baris 1 kolom 1| Baris 1 kolom 2 |
|Baris 2 kolom 1 | Baris 2 kolom 2|
Untuk menambahkan garis sebagai pemisah antara data yang dimasukan,kalian bisa menambahkan perintah border yang diatur tebalnya sesuai keinginan,sehingga kodenya menjadi seperti


jika kamu ingin melakukan pengisian data dalam tabel sebagai ilustrasi kamu akan masukan pada baris pertama kolom pertama,hal yang paling utama adalah membuat garis lalu diikuti membuat kolom,selanjutnya membuat data.

Baris 1 kolom 1 Baris 1 kolom 2
Baris 2 kolom 1 Baris 2 kolom 2
Dari contoh diatas sudah membentuk tabel dengan 2 kolom dan 2 baris dan sudah dipisahkan dengan garis, untuk merapihkan kita bisa memberi jarak antar sel dengan sel yang lain atau memberi jarak teks dalam 1 sel

Untuk menambahkan jarak antara Sel,kita bisa menambahkan code

dengan penambahan cellspacing 15,akan memberi jarak sel table sebesar 15px seperti hasil dari pengaplikasian dibawah ini :

Baris 1 - Kolom 1 Baris 1 - Kolom 2
Baris 2 - Kolom 1 Baris 2 - Kolom 2


Sedangkan untuk memberi jarak teks dalam 1 sel menggunakan kode cellpadding, kode pengaplikasinnya seperti ini:


Baris 1 - Kolom 1 Baris 1 - Kolom 2
Baris 2 - Kolom 1 Baris 2 - Kolom 2




selain keterangan border,callspacing,callpadding masih ada code yang mempercantik table seperti widht ( utntuk ukuran table) bgcolor ( untuk memberi warna pada background ) pengaplikasian yang digabungkan menjadi code seperti dibawah ini
:

maka hasil yang didapat seperti ini.:

Baris 1 - Kolom 1 Baris 1 - Kolom 2
Baris 2 - Kolom 1
Baris 2 - Kolom 2


SEMOGA BERMANFAAT BAGI PEMULA

Sumber : situseo
Next Post Previous Post
No Comment
Add Comment
comment url
Related Post
BELAJAR HTML5 DAN CSS