Cara Membuat Tabel Pada Posting Blog

Membuat tabel pada posting blog, seperti halnya tabel pada ms Office yang terdiri dari kolom dan baris, yang berfungsi untuk memasukan data dan mengurutkanya sesuai dengan kategori atau kebutuhan sehingga menjadi susunan data yang rapih.

Untuk membuat tabel pada postingan hanya dibutuhkan tiga kode perintah utama seperti <table>, <tr> dan <td>. Penjelasan : <table> perintah untuk membuat tabel <tr> perintah untuk membuat baris dan <td> perintah untuk membuat kolom. Sebagai ilustrasi penerapan kodenya seperti ini :

<table>  
<tr>  
<td>Baris 1 - Kolom 1</td>  
<td>Baris 1 - Kolom 2</td>  
</tr>  
<tr>  
<td>Baris 2 - Kolom 1</td>  
<td>Baris 2 - Kolom 2</td>  
</tr>  
</table>

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 1Baris 2 - Kolom 2


------------------------------------


Untuk menambahkan garis sebagai pemisah antar data yang dimasukan, kalian bisa menambahkan perintah border yang diatur ketebalannya sesuai dengan keinginan, sehingga kodenya menjadi seperti ini :

<table border="5">  
<tr>  
<td>Baris 1 - Kolom 1</td>  
<td>Baris 1 - Kolom 2</td>  
</tr>  
<tr>  
<td>Baris 2 - Kolom 1</td>  
<td>Baris 2 - Kolom 2</td>  
</tr>  
</table>

dan hasilnya pun sudah dengan penambahan garis pemisah antar tiap data, seperti ini :

Baris 1 - Kolom 1Baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 2 - Kolom 2
Jika kalian akan melakukan pengisian data pada tabel, sebagai ilustrasi kalian 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 lalu mengisi data, inti dari pengisian data pada tabel adalah pertama membuat baris lalu diikuti membuat kolom.

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 memeberi jarak antar sel kita bisa menambahkan kode perintah cellspacing dalam table, sehingga kode pengaplikasiannya seperti ini :

<table border="5" cellspacing="15">  
<tr>  
<td>Baris 1 - Kolom 1</td>  
<td>Baris 1 - Kolom 2</td>  
</tr>  
<tr>  
<td>Baris 2 - Kolom 1</td>  
<td>Baris 2 - Kolom 2</td>  
</tr>  
</table>

dengan penambahan cellspacing 15, akan memberi jarak tiap sel sebesar 15px seperti hasil pengaplikasiannya dibawah ini :
Baris 1 - Kolom 1Baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 2 - Kolom 2

------------------------------------


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

<table border="5" cellpadding="15">  
<tr>  
<td>Baris 1 - Kolom 1</td>  
<td>Baris 1 - Kolom 2</td>  
</tr>  
<tr>  
<td>Baris 2 - Kolom 1</td>  
<td>Baris 2 - Kolom 2</td>  
</tr>  
</table>

dan hasilnya seperti ini :
Baris 1 - Kolom 1Baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 2 - Kolom 2



------------------------------------

selain keteranga perintah border, cellspacing dan cellpadding masih ada kode perintah untuk mempercantik tampilan table seperti width (ukuran table), bgcolor (warna background) dan align (perataan) pengaplikasian kodenya saya gabungkan menjadi seperti ini :

<table border="5" width="400">  
<tr bgcolor="#f0f0f0">  
<td align="center">Baris 1 - Kolom 1</td>  
<td align="center">Baris 1 - Kolom 2</td>  
</tr>  
<tr>  
<td>Baris 2 - Kolom 1</td>  
<td>Baris 2 - Kolom 2</td>  
</tr>  
</table>

dan hasilnya menjadi seperti ini :
Baris 1 - Kolom 1Baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 2 - Kolom 2

sumber : situseo



Rekomendasi Post


+ komentar + 2 komentar

28 Agustus 2016 15.50

Once more, when youngsters are included, the emotions are even increased along with organic, so knowing someone who is objective can help make sure that your and your kids interests are supported. It is usually good to have somebody that will help you understand the course of action and the way it truely does work as well as keeps you seated in the process. Efficiency is an additional reason to employ a divorce attorney.
divorce lawyers
There is no doubt that this legal consultant may have your best interest, yet he or she won't make irrational choices depending on emotions. They're going to fairly starting judgements about reasonable compensation as well as legal techniques. If an individual is going by way of a divorce together with youngsters, these kind of inner thoughts are even increased, getting another excuse to rent children law professional. Four. Efficient- If someone is intending to perform their particular divorce, it should take lots of investigation, commitment to understand the actual legal declaring procedure, terms and procedures.

Terimakasih Divorce Attorney atas Komentarnya di Cara Membuat Tabel Pada Posting Blog
29 Agustus 2016 12.45

Unless a selected divorce attorney comes recommended from several sources, you may want to reconsider paying significant service fees because of this initial appointment along with interview. You may think about opening the yellow pages to search for your attorney, which is good in case you meeting these people well, but take into account another choice very first.
Divorce Lawyer Virginia
Though an excellent attorney desires to get money in addition, however rather you and your husband attempted counseling first. When there's a chance to save the union, a fantastic divorce attorney can suggest you do consequently, but continue with the divorce if there's no other alternative. Then he will certainly battle to get you that which you deserve, and ensure that you are given an affordable divorce reading. Choosing an excellent divorce attorney will assure that you will never worry about your current portrayal, along with the rest what's on your mind, a single a smaller amount get worried is a superb factor.

Terimakasih Divorce Attorney atas Komentarnya di Cara Membuat Tabel Pada Posting Blog
Cara Berkomentar untuk yang tidak memiliki blog:
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb kamu
3. Klik Lanjutkan
4. Ketik komentar kmau
5. Masukan kode yang muncul dan Klik Publish

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-p =))