Rabu, 07 Maret 2012

Memasukkan Tabel Ke Blog Dengan Kode HTML

kode html untuk membuat table tabel
Jika ingin memasukkan tabel dalam artike maupun di dalam widget yang ada di sidebar, pemilik blog di Blogspot harus menggunakan kode script atau HTML.

Entah dengan alasan ingin mempercantik tampilan, atau juga memang kebetulan artikel yang ditulis lagi memerlukan sebuah tabel, tidak ada salahnya untuk mempelajari cara-caranya.


Kode HTML untuk tabel bisa dibuat seperti berikut :

1 - Untuk table yang tidak pakai border (garis kotak) :



<table>
<tr><td>Kotak1</td><td>Kotak2</td></tr>
<tr><td>Kotak3</td><td>Kotak4</td></tr>
</table> 

Contoh jadi No 1 :

Kotak1Kotak2
Kotak3Kotak4

2 - Untuk kode tabel dengan border (garis tepi) :

<table border="1">
<tr><td>Kotak1</td><td>Kotak2</td></tr>
<tr><td>Kotak3</td><td>Kotak4</td></tr>
</table>

Contoh jadi no 2 :

Kotak1Kotak2
Kotak3Kotak4

Keterangan Kode:

  1.  <table> = Kode awal tabel. </table> =kode penutupnya.
  2. <tr> = Kode awal row (Kotak1 dan Kotak3), dan </tr> = adalah kode untuk penutup row.
  3. <td> = Kode pembuka kolom (Kotak1) </td> = kode penutup kolom. Jika ingin menambah kolom lagi maka harus diawali dengan <td> dan akhir dengan kode </td> kembali sebelum kode </tr>
  4. border="1" adalah perintah untuk membuat garis kotak dengan ukuran. Untuk merubah ukuran garis tabel kita bisa mengganti angka 1 dengan ukuran yang diinginkan.
Cukup ini dulu untuk kode membuat tabel nya, nanti ditambah lagi tentang cara membuat memasukkan gambar tau merubah ukuran tabel.

Tidak ada komentar:

Posting Komentar

Silahkan kawan sedusun berkomentar. Tapi ingat, harus berkaitan dengan artikel, No Live Link & No SARA No kata-kata PO**O dan tidak menautkan Link yang "berbahaya"