Iklan Billboard 970x250

Cara Membuat Tabel Didalam Postingan Artikel Blog
Selamat Datang Di Website Senyum Pelajar

Iklan 728x90

Cara Membuat Tabel Didalam Postingan Artikel Blog

Tabel Didalam Postingan Artikel
Membuat Tabel Didalam Postingan Artikel - Dalam pembuatan artikel, seringkali para blogger ingin menambahkan tabel diantara tulisan artikel yang dibuatnya. Mungkin untuk para mastah atau blogger yang sudah lama berkecimpung di dunia blogging sudah tahu cara membuat tabel didalam postingan artikel.

Namun itu tidak berlaku untuk para blogger yang masih pemula (newbie) di dunia blogging, tentu belum terlalu memahami cara membuatnya. Pada dasarnya, pembuatan tabel didalam postingan artikel itu tidaklah sulit, sobat hanya perlu menggunakan beberapa kode HTML saja.

Hanya saja para pemula yang masih awam akan kesulitan karena masih minimnya pengetahuan tentang blogging. Untuk itu dibawah ini sudah terdapat kode HTML yang sobat bisa gunakan untuk membuat tabel.

Tabel : 2 Kolom kesamping dan 1 kolom kebawah (1 baris)

Maka sobat hanya perlu menuliskan kode html berikut:

<table width="360" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table> 

Hasil yang akan didapat akan seperti dibawah ini :

Kolom 1 Kolom 2

Namun, jika sobat ingin merubah tabel nya menjadi 3 kolom kesamping dan 1 kolom kebawah maka sobat cukup menambahkan kode <td>Kolom 3</td> saja sebelum kode </tr> dan hasilnya akan terlihat seperti ini :

Kolom 1 Kolom 2 Kolom 3

Begitupun untuk kolom 4, 5, 6 dan seterusnya. Hal ini berlaku dalam pembuatan tabel di satu baris (1 kolom kebawah).


Tabel : 2 Kolom kesamping dan 2 kolom kebawah (2 baris)

Hampir sama dengan pembuatan 2 kolom 1 baris (contoh yang pertama), akan tetapi hanya sedikit beberapa penambahan saja. Maka sobat hanya perlu menuliskan kode html berikut:

      <table width="360" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr>
</table> 

Hasil dari kode HTML nya akan keluar seperti dibawah ini :

Kolom 1 A Kolom 1 B
Kolom 2 A Kolom 2 B

Tabel : 3 Kolom kesamping dan 3 kolom kebawah (3 baris)

Jika sobat ingin membuat tabel 3 kolom kesamping dan 3 kolom kebawah maka sobat cukup menambahkan kode HTML ini sebelum kode </table> :

                                   <tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>

Sehingga kode HTML nya menjadi :

     <table width="360" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>

Maka hasil dari tabel yang dibuat dengan kode HTML tadi menjadi :

Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C

Nah jika sobat ingin membuat 4 kolom kesamping dan 4 kolom kebawah, maka cara nya sama dengan contoh yang ketiga. Hanya tambahkan kode HTML ini sebelum </table>, begitupun seterusnya sampai jumlah kolom yang sobat buat selesai. Seperti ini :

                                   <tr>
<td>Kolom 4 A </td>
<td>Kolom 4 B </td>
<td>Kolom 4 C </td>
</tr>


Note :

Kode HTML : 

<table width="360" border="1">

Silahkan pada angka yang berwarna merah (360) diganti menjadi 400px, 500px, 700px, dan sebagainya, tergantung pada kebutuhan lebar tabel yang akan dibuat. Dengan catatan sobat tidak perlu memasukkan kata 'px' di kode HTML nya, cukup angkanya saja.

Isi Kolom :
Pada kata yang bertuliskan 'Kolom 1, kolom 2, kolom 3, dan seterusnya' silahkan sobat ganti dengan kata apa saja yang ingin ditulis.
Baca Juga
SHARE
Tekno Indo IT
IT Smart City
Subscribe to get free updates

Related Posts

Post a Comment

Iklan Tengah Post