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 1 | Baris 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>
| Baris 1 - Kolom 1 | Baris 1 - Kolom 2 |
| Baris 2 - Kolom 1 | Baris 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 1 | Baris 1 - Kolom 2 |
| Baris 2 - Kolom 1 | Baris 2 - Kolom 2 |
------------------------------------
<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 1 | Baris 1 - Kolom 2 |
| Baris 2 - Kolom 1 | Baris 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 1 | Baris 1 - Kolom 2 |
| Baris 2 - Kolom 1 | Baris 2 - Kolom 2 |
sumber : situseo
+ komentar + 2 komentar
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.
Terimakasih William Anderson atas Komentarnya di Cara Membuat Tabel Pada Posting Blogdivorce 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.
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.
Terimakasih William Anderson atas Komentarnya di Cara Membuat Tabel Pada Posting BlogDivorce 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.
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