Cara Membuat Tabel Di Blog Untuk Pemula

Cara Membuat Tabel Di Blog Untuk Pemula

March 23, 2018 Leave a Reply
Cara Membuat Tabel Di Blog Untuk Pemula- Pada kesempatan kali ini, saya akan memposting mengenai cara membuat tabel di blogspot. Mungkin artikel ini tidak akan begitu berarti bagi para web master yang telah menggila ketika menulis kode html :D , Namun, bagi para blogger pemula, membuat tabel di blog mereka mungkin adalah masalah yang sangatlah besar untuk diselesaikan :D .



Tabel di blog biasanya digunakan untuk membuat katalog, entahlah itu katalog produk atau yang lainnya, dan terkadang para blogger menggunakan tabel sebagai layout dari blog mereka. Nah untuk lebih lengkapnya, langsung aja dicek.

Tutorial berikut ini adalah berisikan  contoh dan hasilnya serta penjelasan kodenya, silahkan agan/aganwati belajar dari contoh berikut.

Kode :


<table width="500" 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>
Hasil :


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

Pemjelasan :
  1. Potongan kode "<table" (yang memiliki sintaks asli <table>) yang berada pada baris pertama kode, berfungsi untuk memanggil fungsi yang berguna untuk membuat tabel. Dan jika kita lihat pada baris pertama "<table width="500" border="1">" yang berarti, kita akan membuat tabel dengan lebar(width) selebar 500px (pixel), dan garis tepi(border) nampak(1). Kode ini ditutup dengan kode </table>
  2. Kode "<tr>" memiliki guna untuk menyatakan bahwa kode setelah "<tr>" adalah kode untuk suatu kolom (bagian horizontal) pada tabel. Kode ini ditutup dengan kode </tr>
  3. Kode "<td>" mempunyai fungsi untuk menyatakan suatu baris dalam suatu kolom yang memiliki kode penutup </td>. Keseluruhan sintaks adalah <td>Isi dari baris dalam kolom</td>

Demikian Artikel Cara Membuat Tabel di Blog ini, Terimakasih atas perhatiannya. Sampai jumpa di Artikel Selanjutnya.

0 comments: