Cara Membuat Tabel HTML untuk Posting Blog Anda
Cara Membuat Tabel HTML untuk Posting Blog Anda
Membuat tabel atau kotak HTML (Hypertext Markup Language) mampu digunakan diposting blog sebagai perhiasan tulisan, dan bertujuan untuk mengunggah data-data dalam bentuk infografik sesuai dengan tujuan yang ingin dicapai.
Tabel juga berkhasiat untuk memberikan berita dengan cara yang lebih simpel dan mudah untuk dipahami.
Website atau blog yang berorientasi pada... salah satunya menjual barang (toko online) mampu juga membuat tabel dan menggunakan tabel untuk menyusun data-data seperti: Nama barang, harga, dan lainnya.
Diartikel ini Anda akan menerima panduan cara membuat tabel atau kotak dengan aba-aba HTML untuk digunakan diposting blog, jadi, cara membuat tabel HTML yang akan dijelaskan dibawah mungkin tidak sesuai dengan perintah setelan script CSS (Cascading Style Sheets) di template blog Anda, namun tidak ada salahnya Anda mencoba membuat tabel HTML dan menerapkannya pada posting blog, atau Anda mampu menyimpannya untuk file Anda.
Sebelum memulai membuat tabel HTML alangkah baiknya bila membaca dulu uraian lengkap perihal beberapa tag aba-aba script HTML untuk membuat tabel HTML.
Ada 4 tag aba-aba HTML dasar untuk membuat kotak HTML yang akan dijelaskan di artikel ini, selengkapnya lihat kotak infografik dibawah:
Sekarang mari kita mulai membuat tabel HTML untuk posting blog atau website Anda.
Dibawah ini yaitu cara membuat tabel HTML dengan menggunakan tag: Tabel, Caption, TR, dan TD.
Cara membuat tabel HTLM secara default
Jika aba-aba HTML untuk membuat tabel diatas diunggah di blog maka tampilan tabel nya akan terlihat ibarat di bawah ini:
Berikutnya membuat tabel 2 baris 2 kolom.
Kode HTML untuk membuat tabel diatas Jika diposting di blog maka tampilan gambar tabel nya akan nampak ibarat ini:
Tabel HTML 3 baris 3 kolom.
Jika diunggah diposting blog maka aba-aba pembuat kotak HTML diatas alhasil akan ibarat ini:
Selanjutnya membuat tabel HTML 4 baris 4 kolom.
Kode tabel diatas bila dipublikasikan di blog maka browser internet Anda akan terlihat gambar tabel nya ibarat berikut ini:
Selanjutnya lagi cara membuat tabel HTML 5 baris 5 kolom
Kode untuk membuat tabel HTML diatas bila di unggah di blog akan terlihat hasil tabel nya ibarat berikut ini:
Setelah Anda mengetahui bagaimana cara membuat tabel HTML dasar menggunakan tag Table, Caption, TR dan TD diatas, selanjutnya kita akan membuat tabel dengan menambahkan perlengkapan atau Atribut tabel.
Dan berikut ini yaitu penjelasan dari 8 atribut aba-aba HTML pendukung dari ke 4 tag aba-aba HTML dasar pembuat tabel diatas, yaitu atribut:
Setelah membaca uraian diatas diperlukan buat pemula, khususnya aku sendiri dapat menambah lagi sedikit pengetahuan perihal cara membuat tabel dengan aba-aba HTML, bahwa untuk membuat tabel HTML yang lebih menarik lkita perlu menambahkan perlengkapan atau atribut pada tabel
Selanjutnya kita akan membuat tabel HTML dengan menambahkan atribut Colspan pada tabel, gunanya untuk menyatukan kolom dari kiri ke kanan, lihat cara penerapan atribut Colspan yang ditandai warna merah:
Jika aba-aba tabel HTML diatas diunggah diposting maka hasil akan ibarat ini:
Cara mengatur nilai satuan atribut Colspan dan Rowspan didalam tabel adalah... misal didalam tabel ada 2 baris kolom maka nilai Colspan di isi dengan 3.
Contoh, 2 baris kolom + 1 Colspan = 3.
Sekarang cara membuat tabel HTML dengan atribut Rowspan untuk menyatukan kotak baris dari atas kebawah, lihat cara penerapan atribut Rowspan pada aba-aba tabel yang diberi warna merah.
Kode diatas bila diposting di blog maka hasil tabelnya terlihat dibawah ini:
Langkah berikutnya cara membuat tabel HTML dengan menambahkan atribut Heigh dan Width untuk mengatur tinggi dan lebar kotak tabel dengan satuan pixel (px), mari simak cara penerapan atribut Height dan Width yang diberi warna merah dibawah.
Contoh aba-aba HTML untuk membuat tabel diatas Jika diunggah di posting blog maka hasil tabel nya akan terlihat ibarat ini:
Jika Anda ingin membuat tabel HTML dengan memberi jarak antara sel kotak tabel, dan memberi jarak goresan pena supaya tidak terlalu erat dengan dinding sel garis tabel, maka Anda perlu menambahkan atribut Cellspacing dan Cellpadding.
Berikutnya cara membuat tabel HTML dengan atribut Cellspacing dan Cellpadding, lihat cara menerapkannya dibawah yang ditandai warna merah:
Namun tidak jadi soal sebab atribut diatas tidak terlalu penting untuk diterapkan diposting blog.
Sebagai ganti dari gambaran aba-aba diatas telah aku siapkan hasil dari file aplikasi, oh iya, mungkin ini berhasil diterapkan di posting Anda. lihat hasil bersama-sama dari atribut Cellpacing dan Cellpadding dibawah:
Langkah selanjutnya untuk membuat tabel dengan aba-aba HTML kita tambahkan aba-aba diatas dengan atribut Align dan Valign gunanya untuk mengatur peretaan teks.
Atribut Align untuk membuat rata goresan pena kiri (left), tengah (center) dan kanan (right).
Atribut Valign untuk membuat rata goresan pena atas (top), tengah (middle) dan bawah (bottom).
Sekalian saja cara membuat tabel HTML dengan menggabungkan atribut Width, height, Cellspacing, Cellpadding dan Align, Valign.
Perhatikan pola penerapan atribut Align dan Valign pada table dibawah yang diberi warna merah:
Contoh kode-kode untuk membuat tabel HTML diatas bila dipublikasikan di blog maka alhasil akan terlihat ibarat ini:
Setelah kita berguru cara membuat tabel HTML menggunakan tag Table, Caption, TR dan TD.
Dan ditambah atribut Colspan, Rowspan, Heigth, Width, Cellspacing, Cellspadding, Align dan Valign.
Sekarang telah tiba saatnya kita akan membuat tabel HTML yang lebih menarik, bagus, keren dan lengkap dengan menambahkan atribut Warna pada tabel.
Ok, bagaimana cara membuat kotak HTML warna dengan menambahkan atribut Warna, simak caranya dibawah.
Cara membuat tabel HTML berwarna
Kode untuk membuat tabel HTML berwarna diatas bila diposting di blog atau website maka akan terlihat lebih menarik, lihat dibawah.
Sudah cukup hingga disini perihal cara membuat table dengan aba-aba HTML untuk posting blog.
Kesimpulan: Dengan memahami aba-aba HTML dasar diatas untuk membuat tabel, Anda pun dapat mengkreasikan sendiri tampilan tabel sesuai dengan yang Anda mau, ibarat menambah baris tabel, menambah kolom tabel, mengatur tinggi dan lebar kolom tabel, menambah warna pada tabel dan lainnya.
Walaupun aba-aba HTML pembuat tabel diatas masih terbilang tahap dasar akan tetapi itu sudah termasuk menu lengkap untuk membuat tabel. Dan bila Anda ingin menambah indah dan keren tampilan tabel, maka Anda perlu lagi menambahkan atribut lainnya, ibarat menambahkan atribut warna, teks berjalan, gambar, link atau tautan dan lainnya.
Untuk membuat tabel lebih menarik dengan menambahkan aneka warna, baca juga: Cara membuat aba-aba warna di posting blog hingga mampu sendiri
Membuat tabel atau kotak HTML (Hypertext Markup Language) mampu digunakan diposting blog sebagai perhiasan tulisan, dan bertujuan untuk mengunggah data-data dalam bentuk infografik sesuai dengan tujuan yang ingin dicapai.
Tabel juga berkhasiat untuk memberikan berita dengan cara yang lebih simpel dan mudah untuk dipahami.
Website atau blog yang berorientasi pada... salah satunya menjual barang (toko online) mampu juga membuat tabel dan menggunakan tabel untuk menyusun data-data seperti: Nama barang, harga, dan lainnya.
Diartikel ini Anda akan menerima panduan cara membuat tabel atau kotak dengan aba-aba HTML untuk digunakan diposting blog, jadi, cara membuat tabel HTML yang akan dijelaskan dibawah mungkin tidak sesuai dengan perintah setelan script CSS (Cascading Style Sheets) di template blog Anda, namun tidak ada salahnya Anda mencoba membuat tabel HTML dan menerapkannya pada posting blog, atau Anda mampu menyimpannya untuk file Anda.
Sebelum memulai membuat tabel HTML alangkah baiknya bila membaca dulu uraian lengkap perihal beberapa tag aba-aba script HTML untuk membuat tabel HTML.
Ada 4 tag aba-aba HTML dasar untuk membuat kotak HTML yang akan dijelaskan di artikel ini, selengkapnya lihat kotak infografik dibawah:
| No T A G | 4 Tag Tabel HTML | Penjelasan 4 Tag Tabel HTML |
| 1 | Table | Adalah wadah dari baris dan kolom table atau kotak bingkai episode paling luar pada tabel HTML |
| 2 | Caption | Untuk membuat judul tabel HTML |
| 3 | TR (Table Row) | Adalah pembuat baris didalam tabel HTML |
| 4 | TD (Table Data) | Adalah pembuat kolom didalam tabel |
Sekarang mari kita mulai membuat tabel HTML untuk posting blog atau website Anda.
Dibawah ini yaitu cara membuat tabel HTML dengan menggunakan tag: Tabel, Caption, TR, dan TD.
Cara membuat tabel HTLM secara default
<table border="1">
<caption>Contoh </caption>
<tr> <td> Table </td> </tr></table>
Jika aba-aba HTML untuk membuat tabel diatas diunggah di blog maka tampilan tabel nya akan terlihat ibarat di bawah ini:
| Table |
Berikutnya membuat tabel 2 baris 2 kolom.
<table border="1">
<caption>Contoh </caption>
<tr> <td> Meja </td>
<td> Kursi </td> </tr>
<tr> <td> Lemari </td>
<td> Jendela </td> </tr>
</table>
Kode HTML untuk membuat tabel diatas Jika diposting di blog maka tampilan gambar tabel nya akan nampak ibarat ini:
| Meja | Kursi |
| Lemari | Jendela |
Tabel HTML 3 baris 3 kolom.
<table border="1">
<caption>Contoh Tabel HTML </caption>
<tr> <td> Meja 1</td>
<td> Kursi 1</td>
<td> Lemari 1</td> </tr>
<tr> <td> Meja 2</td>
<td> Kursi 2</td>
<td> Lemari 2</td> </tr>
<tr> <td> Meja 3</td>
<td> Kursi 3</td>
<td> Lemari 3</td> </tr>
</table>
Jika diunggah diposting blog maka aba-aba pembuat kotak HTML diatas alhasil akan ibarat ini:
| Meja 1 | Kursi 1 | Lemari 1 |
| Meja 2 | Kursi 2 | Lemari 2 |
| Meja 3 | Kursi 3 | Lemari 3 |
Selanjutnya membuat tabel HTML 4 baris 4 kolom.
<table border="1">
<caption>Contoh tabel HTML 4 baris 4 kolom</caption>
<tr> <td> Meja 1</td>
<td> Kursi 1</td>
<td> Lemari 1</td>
<td> Jendela 1 </td> </tr>
<tr> <td> Meja 2</td>
<td> Kursi 2</td>
<td> Lemari 2</td>
<td> Jendela 2 </td></tr>
<tr> <td> Meja 3</td>
<td> Kursi 3</td>
<td> Lemari 3</td>
<td> Jendela 3 </td> </tr>
<tr> <td> Meja 4</td>
<td> Kursi 4</td>
<td> Lemari 4</td>
<td> Jendela 4 </td></tr>
</table>
Kode tabel diatas bila dipublikasikan di blog maka browser internet Anda akan terlihat gambar tabel nya ibarat berikut ini:
| Meja 1 | Kursi 1 | Lemari 1 | Jendela 1 |
| Meja 2 | Kursi 2 | Lemari 2 | Jendela 2 |
| Meja 3 | Kursi 3 | Lemari 3 | Jendela 3 |
| Meja 4 | Kursi 4 | Lemari 4 | Jendela 4 |
Selanjutnya lagi cara membuat tabel HTML 5 baris 5 kolom
<table border="1">
<caption>Contoh membuat tabel HTML 5 baris 5 kolom</caption>
<tr> <td> Meja 1</td>
<td> Kursi 1</td>
<td> Lemari 1</td>
<td> Jendela 1 </td>
<td> Rumah 1 </td></tr>
<tr> <td> Meja 2</td>
<td> Kursi 2</td>
<td> Lemari 2</td>
<td> Jendela 2 </td>
<td> Rumah 2 </td></tr>
<tr> <td> Meja 3</td>
<td> Kursi 3</td>
<td> Lemari 3</td>
<td> Jendela 3 </td>
<td> Rumah 3 </td> </tr>
<tr> <td> Meja 4</td>
<td> Kursi 4</td>
<td> Lemari 4</td>
<td> Jendela 4 </td>
<td> Rumah 4 </td></tr>
<tr> <td> Meja 5</td>
<td> Kursi 5</td>
<td> Lemari 5</td>
<td> Jendela 5 </td>
<td> Rumah 5 </td></tr>
</table>
Kode untuk membuat tabel HTML diatas bila di unggah di blog akan terlihat hasil tabel nya ibarat berikut ini:
| Meja 1 | Kursi 1 | Lemari 1 | Jendela 1 | Rumah 1 |
| Meja 2 | Kursi 2 | Lemari 2 | Jendela 2 | Rumah 2 |
| Meja 3 | Kursi 3 | Lemari 3 | Jendela 3 | Rumah 3 |
| Meja 4 | Kursi 4 | Lemari 4 | Jendela 4 | Rumah 4 |
| Meja 5 | Kursi 5 | Lemari 5 | Jendela 5 | Rumah 5 |
Setelah Anda mengetahui bagaimana cara membuat tabel HTML dasar menggunakan tag Table, Caption, TR dan TD diatas, selanjutnya kita akan membuat tabel dengan menambahkan perlengkapan atau Atribut tabel.
Dan berikut ini yaitu penjelasan dari 8 atribut aba-aba HTML pendukung dari ke 4 tag aba-aba HTML dasar pembuat tabel diatas, yaitu atribut:
| No A T R I B U T | 8 Atribut Tabel HTML | Penjelasan 8 Atribut Tabel HTML |
| 1 | Colspan | Gunanya untuk menyatukan tabel kolom secara horizontal |
| 2 | Rowspan | Gunanya untuk menyatukan tabel baris secara vertikal |
| 3 | Height | Gunanya untuk membuat tinggi kotak tabel |
| 4 | Width | Gunanya untuk membuat lebar kotak tabel table |
| 5 | Cellspacing | Gunanya untuk membuat jarak sel antara kotak tabel |
| 6 | Cellpadding | Gunanya untuk memberi jarak antara sel kotak tabel dan isi/tulisan |
| 7 | Align | Gunanya untuk membuat perataan teks (Horizontal) dari kiri (left), tengah (center), kanan (right) |
| 8 | Valign | Gunanya untuk membuat perataan teks (vertikal) dari atas (top), tengah (middle), dan bawah (bottom) |
Setelah membaca uraian diatas diperlukan buat pemula, khususnya aku sendiri dapat menambah lagi sedikit pengetahuan perihal cara membuat tabel dengan aba-aba HTML, bahwa untuk membuat tabel HTML yang lebih menarik lkita perlu menambahkan perlengkapan atau atribut pada tabel
Selanjutnya kita akan membuat tabel HTML dengan menambahkan atribut Colspan pada tabel, gunanya untuk menyatukan kolom dari kiri ke kanan, lihat cara penerapan atribut Colspan yang ditandai warna merah:
<table border="1">
<tr> <td colspan="3"> Colspan</td> </tr>
<tr><td>Meja 1</td>
<td>Kursi 1</td></tr>
<tr><td>Meja 2</td>
<td>Kursi 2</td></tr></table>
Jika aba-aba tabel HTML diatas diunggah diposting maka hasil akan ibarat ini:
| Colspan | ||
| Meja 1 | Kursi 1 | |
| Meja 2 | Kursi 2 | |
Cara mengatur nilai satuan atribut Colspan dan Rowspan didalam tabel adalah... misal didalam tabel ada 2 baris kolom maka nilai Colspan di isi dengan 3.
Contoh, 2 baris kolom + 1 Colspan = 3.
Sekarang cara membuat tabel HTML dengan atribut Rowspan untuk menyatukan kotak baris dari atas kebawah, lihat cara penerapan atribut Rowspan pada aba-aba tabel yang diberi warna merah.
<table border="1">
<tr> <td rowsspan="4"> Rowspan</td> </tr>
<tr><td>Meja 1</td>
<td>Kursi 1</td></tr>
<tr><td>Meja 2</td>
<td>Kursi 2</td></tr>
<tr><td>Meja 3</td>
<td>Kursi 3</td></tr></table>
Kode diatas bila diposting di blog maka hasil tabelnya terlihat dibawah ini:
| Rowspan | |
| Meja 1 | Kursi 1 |
| Meja 2 | Kursi 2 |
| Meja 3 | Kursi 3 |
Langkah berikutnya cara membuat tabel HTML dengan menambahkan atribut Heigh dan Width untuk mengatur tinggi dan lebar kotak tabel dengan satuan pixel (px), mari simak cara penerapan atribut Height dan Width yang diberi warna merah dibawah.
<table border="1">
<tr height="80"> <td width="100"> Meja 1</td>
<td width="180"> Lemari 1</td> </tr>
<tr height="80"> <td> Meja 2</td>
<td> Lemari 2</td> </tr>
<tr height="80"> <td> Meja 3</td>
<td> Lemari 3</td> </tr>
</table>
Contoh aba-aba HTML untuk membuat tabel diatas Jika diunggah di posting blog maka hasil tabel nya akan terlihat ibarat ini:
| Meja 1 | Lemari 1 |
| Meja 2 | Lemari 2 |
| Meja 3 | Lemari 3 |
Jika Anda ingin membuat tabel HTML dengan memberi jarak antara sel kotak tabel, dan memberi jarak goresan pena supaya tidak terlalu erat dengan dinding sel garis tabel, maka Anda perlu menambahkan atribut Cellspacing dan Cellpadding.
Berikutnya cara membuat tabel HTML dengan atribut Cellspacing dan Cellpadding, lihat cara menerapkannya dibawah yang ditandai warna merah:
<table border="1" cellspacing="10px"cellpadding="10px">Jika aba-aba tabel HTML diatas diunggah di blog ini maka atribut Cellspacing, Cellpadding, Align dan Valign kurang berfungsi semestinya sebab bertentangan dengan perintah script CSS di template blog ini.
<tr height="80"> <td width="100"> Meja 1</td>
<td width="160"> Lemari 1</td> </tr>
tr height="80"> <td> Meja 2</td>
<td> Lemari 2</td> </tr>
<tr height="80"> <td> Meja 3</td>
<td> Lemari 3</td> </tr>
</table>
Namun tidak jadi soal sebab atribut diatas tidak terlalu penting untuk diterapkan diposting blog.
Sebagai ganti dari gambaran aba-aba diatas telah aku siapkan hasil dari file aplikasi, oh iya, mungkin ini berhasil diterapkan di posting Anda. lihat hasil bersama-sama dari atribut Cellpacing dan Cellpadding dibawah:
Langkah selanjutnya untuk membuat tabel dengan aba-aba HTML kita tambahkan aba-aba diatas dengan atribut Align dan Valign gunanya untuk mengatur peretaan teks.
Atribut Align untuk membuat rata goresan pena kiri (left), tengah (center) dan kanan (right).
Atribut Valign untuk membuat rata goresan pena atas (top), tengah (middle) dan bawah (bottom).
Sekalian saja cara membuat tabel HTML dengan menggabungkan atribut Width, height, Cellspacing, Cellpadding dan Align, Valign.
Perhatikan pola penerapan atribut Align dan Valign pada table dibawah yang diberi warna merah:
<table border="8" cellspacing="12" cellpadding="6">
<tr height="80"> <td width="100" align="left" valign="top"> Meja 1</td>
<td width="100" align="center" valign="bottom"> Kursi 1</td>
<td width="100" align="right" valign="top"> Lemari 1</td> </tr>
<tr height="25"> <td width="100" align="left" valign="middle"> Meja 2</td>
<td width="100" align="center" valign="middle"> Kursi 2</td>
<td width="100" align="right" valign="middle"> Lemari 2</td> </tr>
<tr height="80"> <td width="100" align="left" valign="bottom"> Meja 3</td>
<td width="100" align="center" valign="top"> Kursi 3</td>
<td width="100" align="right" valign="bottom"> Lemari 3</td> </tr>
<tr height="25"> <td width="100" align="left" valign="middle"> Meja 4</td>
<td width="100" align="center" valign="middle"> Kursi 4</td>
<td width="100" align="right" valign="middle"> Lemari 4</td> </tr>
Contoh kode-kode untuk membuat tabel HTML diatas bila dipublikasikan di blog maka alhasil akan terlihat ibarat ini:
Setelah kita berguru cara membuat tabel HTML menggunakan tag Table, Caption, TR dan TD.
Dan ditambah atribut Colspan, Rowspan, Heigth, Width, Cellspacing, Cellspadding, Align dan Valign.
Sekarang telah tiba saatnya kita akan membuat tabel HTML yang lebih menarik, bagus, keren dan lengkap dengan menambahkan atribut Warna pada tabel.
Ok, bagaimana cara membuat kotak HTML warna dengan menambahkan atribut Warna, simak caranya dibawah.
Cara membuat tabel HTML berwarna
<table style="background-color:silver;border:8px inset violet;cellspacing:0;cellpadding:0;">
<tr height="30">
<td style="background-color:black;" width=" 15px" align="center"valign="middle"> <font color="white">No</font></td>
<td style="background-color:green;" width=" 60px" align="center"valign="middle"> <font color="white">Barang</font></td>
<td style="background-color:red;" width="60px"align="center"valign="middle"><font color="white"> Harga</font></td>
<td style="background-color:blue;" width="180px"align="center"valign="middle"><font color="white"> Minat Klik Beli</font></td> </tr>
<tr height="60px">
<td style="background-color:black;" width=" 15px" align="center"valign="middle"> <font color="white">1</font></td>
<td width="60px"align="center"valign="middle"> Kaos</td>
<td width="60px"align="center"valign="middle"> 90k / Pc</td>
<td width="180px"align="center"valign="middle"> Beli</td> </tr>
<tr height="60px">
<td style="background-color:black;" width=" 15px" align="center"valign="middle"> <font color="white">2</font></td>
<td width="60px"align="center"valign="middle"> Handuk</td>
<td width="60px"align="center"valign="middle"> 120k / Pc</td>
<td width="180px"align="center"valign="middle"> Beli</td> </tr>
<tr height="60px">
<td style="background-color:black;" width=" 15px" align="center"valign="middle"> <font color="white">3</font></td>
<td width="60px"align="center"valign="middle"> Topi <font color="blue"><b>C</font><font color="red">S</font><font color="green">B</b></font></td>
<td width="60px"align="center"valign="middle"> 200k / buah</td>
<td width="180px"align="center"valign="middle"> Beli</td> </tr>
</table>
Kode untuk membuat tabel HTML berwarna diatas bila diposting di blog atau website maka akan terlihat lebih menarik, lihat dibawah.
| No | Barang | Harga | Minat Klik Beli |
| 1 | Kaos | 90k / Pc | Beli |
| 2 | Handuk | 120k / Pc | Beli |
| 3 | Topi CSB | 200k / buah | Beli |
Sudah cukup hingga disini perihal cara membuat table dengan aba-aba HTML untuk posting blog.
Kesimpulan: Dengan memahami aba-aba HTML dasar diatas untuk membuat tabel, Anda pun dapat mengkreasikan sendiri tampilan tabel sesuai dengan yang Anda mau, ibarat menambah baris tabel, menambah kolom tabel, mengatur tinggi dan lebar kolom tabel, menambah warna pada tabel dan lainnya.
Walaupun aba-aba HTML pembuat tabel diatas masih terbilang tahap dasar akan tetapi itu sudah termasuk menu lengkap untuk membuat tabel. Dan bila Anda ingin menambah indah dan keren tampilan tabel, maka Anda perlu lagi menambahkan atribut lainnya, ibarat menambahkan atribut warna, teks berjalan, gambar, link atau tautan dan lainnya.
Untuk membuat tabel lebih menarik dengan menambahkan aneka warna, baca juga: Cara membuat aba-aba warna di posting blog hingga mampu sendiri