Cara Gampang Menciptakan Dan Menyisipkan Tabel Html Di Blog

fezarzone    08.24    Tutorial    Comment   

Also Read

Versmed – Hai sahabat versmed. Pernah ngak kalian lihat kotak- kotak yang dipakai di blog untuk menyajikan suatu data? Tabel sanggup gunakan untuk menyajikan data dalam bentuk kolom dan baris. Sebuah tabel biasanya memiliki judul, baris untuk mengisi isu dan sel untuk setiap itemnya. Selain itu tabel juga sanggup di isikan dengan daftar item, form, paragraph, gambar, audio, video dan lain sebagainya. Nah disini admin versmed, pengen kasi tahu cara mudahnya buat dan menyisipkan tabel HTML di blog yang sobat miliki. Dibaca dengan teliti ya….(y)

Tabel HTML intinya tersusun atas tag <table> dan tag penutupnya </table>. Tag ini selalu berpasangan, jadi jikalau suatu HTML tabel tidak ditutup dengan tag epilog tabel </table>, maka tabel yang anda inginkan tidak akan sanggup ditampilkan… ha ha ha…. kasian…. =D

Cara Membuat Tabel HTML

Di dalam tag tabel juga terdapat tag- tag yang dipergunakan untuk menyusun tabel, antara lain:

• Tag <tr> dan </tr> : Tag ini selalu perpasangan, jikalau salah satu tag tidak dituliskan, maka tampilan tidak akan sanggup terlihat. Tag ini dipakai untuk menyusun baris pada tabel.
• Tag <td> dan </td> : Tag ini dipakai untuk menyusun kolom pada tabel. Tag ini dalam penggunaannya juga harus berpasangan.

Nah struktur penulisan tag tabel HTML yakni sebagai berikut

<table border="1" align="center">
      <tr>
           <td>Informasi Versi Media | Versmed</td>
           <td>Blog Informasi Versi Media | Versmed</td>
      </tr>
      <tr>
           <td>Keterangan dari baris tabel 1</td>
           <td>Keterangan dari baris tabel 2</td>
      </tr>
</table>

Hasil dari instruksi HTML diatas ialah sebagai berikut :

Informasi Versi Media | Versmed	Blog Informasi Versi Media | Versmed
Keterangan dari baris tabel 1	Keterangan dari baris tabel 2

NOTICE : Tag kolom <td> harus diletakkan di dalam tag baris<tr>

Dari teladan di atas admin Cuma mau kasi tahu untuk menciptakan table dengan 2 baris <tr> dan 2 kolom <td>. Tampilan ini hanyalah tampilan standart, anda sanggup menghiasnya dengan atribut untuk mempercantik tampilannya. Misalkan : 

• align=”center” : maka tabel akan ditampilkan di tengah- tengah halaman.
• bgcolor=”red” : untuk menawarkan warna background merah di dalam tabel yang di inginkan. Warna merah sanggup anda ganti dengan warna lainnya atau juga sanggup mengguanakan warna RGB ( Red Green Blue ). 
• colspan : untuk menggabungkan 2 kolom 
• rowspan : untuk menggabungkan 2 baris

Dalam penggunaannya anda sanggup melihat instruksi html di bawah ini (y)

<table width="400px" border="1" align="center>
      <tr>

    <th colspan="2" bgcolor="red"><font color="white">Blog Informasi Versi Media |  Versmed</font></th>
     </tr>
     <tr>
          <td>Keterangan dari baris tabel 1</td>
          <td>Keterangan dari baris tabel 2</td>
     </tr>
     <tr>
          <td>Informasi 1</td>
          <td>Informasi 2</td>
     </tr>
     <tr>
  <th colspan="2" bgcolor="red"><font color="white">Designed by versmed</font></th>
     </tr>
</table>

Hasil dari tampilan diatas ialah sebagai berikut :

Blog Informasi Versi Media | Versmed
Keterangan dari baris tabel 1	Keterangan dari baris tabel 2
Informasi 1	Informasi 2
Designed by versmed

Praktis aja kan buat tabel dengan memakai HTML. Sekarang tinggal kalian aplikasikan berdasarkan kebutuhan kalian. Kalian sanggup memakai notepad biasa, notepad ++, ms.word untuk menciptakan instruksi HTML nya. Untuk cara penyisipan tag HTML ini kedalam post blog kamu, gampang aja kok. Baca tutorialnya dibawah ini:

Baca artikel lainnya ihwal spesifikasi dan harga smartphone terbaru disini

 

Cara menyisipkan instruksi HTML tabel ke dalam Blog kau

Dalam penyisipan tabel ini, admin akan kasi tahu untuk menyisipkannya di post blogger aja. Karena admin ngak tahu pake wordpress…. he he he he…. :D =D

1. Pertama kali kalian masuk ke post di blog kamu….
2. Setelah layout untuk menciptakan posting tampil, kini kalian klik pada HTML.
3. Kamu tentukan kawasan yang sesuai dan perlu untuk disisipkan tabel ini. Setelah itu kalian copy pastekan instruksi HTML yang kalian buat tadi. Trus klik PUBLISH.
4. Dan lihat balasannya diblog kamu

Semoga kalian sukses ya... :)