Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blog

Belajar membuat tabel postingan untuk usaha online Anda dengan Html

Posting Komentar

Belajar membuat tabel postingan untuk usaha online Anda dengan Html


Mungkin anda pernah atau sering melihat postingan-postingan usaha atau toko online mengunakan tabel yang kelihatan menarik dan rapi, tapi sampai saat ini di blog belum menyediakan fasilitas untuk membuat tabel dalam fiturnya. untuk membuat tabel pemilik blog harus berusaha atau mencari cara membuat tabel agar postingan kelihatan rapi dan menarik untuk di lihat. Tabel dapat membuat postingan berupa gambar, harga produk akan menjadi rapi dan enak untuk di pandang oleh karna itu saya mencoba untuk menghadirakan postingan ini tentang Belajar membuat tabel postingan untuk usaha online Anda dengan Html bagi anda yang ingin menapilkan postingan usaha anda di blog.
tabel postingan
tabel postingan

Untuk tabel sangat di perlukan bagi mereka yang menjalankan blog usaha online yang akan membuat postingan produk-produk lebih menarik.
Tabel tidak hanya berguna untuk menampilkan harga produk tapi tabel juga bisa berguna untuk menampilkan suatu informasi dan keterangan tertentu agar pengunjung dapat lebih mudah untuk mendapatkan informasi dari postingan produk tersebut.
Baiklah ! pada kesempatan kali ini akan saya jelasakan mengenai belajar membuat tabel postingan untuk usaha online anda dengan html.

Belajar membuat tabel postingan untuk usaha online Anda dengan Html.

Kita langsung saja pada prakteknya di bawah ini :


Pertama anda lihat kode sederhana ini


<table border="1">
<tr>
<td>Judul Gambar 1</td>
<td>Judul Gambar 2</td>
</tr>
<tr>
<td>URL Gambar 1</td>
<td>URL Gambar 2</td>
</tr>
</table>

Kode di atas merupakan kode dasar membuat tabel untuk postingan dengan html dan akan terlihat seperti gambar di bawah ini :

Judul Gambar 1Judul Gambar 2
URL Gambar 1URL Gambar 2

Catatan :
Judul Gambar 1 &  Judul Gambar 2.
Silakan anda ganti dengan judul atau tulisan yang anda inginkan untuk gambar.
URL Gambar 1 & URL Gambar 2.
Silakan anda ganti dengan Url gambar anda yang akan di posting dalam tabel.

Contoh postingan untuk usaha online :






Belajar membuat tabel postingan untuk usaha online Anda dengan Html



Tabel 1. Daftar Harga Hp Android Murah 2019
Harga AdvanHarga Xiaomi
Harga Advan
Harga Advan

Baru : Rp. -
Bekas : Rp. 1.300.000,-
Harga xiaomi
Harga xiaomi

Baru : Rp. -
Bekas : Rp. 1.450.000,-


Atau tabel seperti di bawah ini :



Tabel 2. Contoh tabel harga produk Oriflame 2019
Harga Oriflame 1Harga Oriflame 2
harga Oriflame 1
harga Oriflame 1

Harga : Rp. xxxx,-
harga Oriflame 2
harga Oriflame 2

Harga : Rp. xxxx,-

Untuk kode htmlnya seperti ini :



Tabel 1. Daftar Harga Hp Android Murah 2019

Penulisan kode seperti ini

<center>
<table border="1" style="width: 250px;">
<caption align="top"><b>Tabel 1. Daftar Harga Hp Android Murah 2019</b></caption>
<tbody>
<tr>
<td style="background: #FF00FF; text-align: center;"><span style="color: white;">Harga Advan</span></td>
<td style="background: #FF00FF; text-align: center;"><span style="color: white;">Harga Xiaomi</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: #FFC0CB;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvymHtLwN___GHdKA6l_EQv8u54LWjwFEzDyHnsFATvxRXYsEztyLWwUjT5nDGpAcb6K9kxxVpMRtusI4GERaAXlDzWRlUFY6uXqfD5cEyaTQTvX7zu3B9nn1-cbzqy2MJ5L32296wLZa/s1600/Hp+Advan.jpg" title="Harga Advan"><img alt="Belajar membuat tabel postingan untuk usaha online Anda dengan Html " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvymHtLwN___GHdKA6l_EQv8u54LWjwFEzDyHnsFATvxRXYsEztyLWwUjT5nDGpAcb6K9kxxVpMRtusI4GERaAXlDzWRlUFY6uXqfD5cEyaTQTvX7zu3B9nn1-cbzqy2MJ5L32296wLZa/s1600/Hp+Advan.jpg" /></a></span> <br />
Baru : Rp. -<br />
Bekas : Rp. 1.300.000,-</td>
<td style="text-align: center;"><span style="color: #FFC0CB;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxwICS6x9GDZBsHU6pBKJpjThNcOYYHAfSBWkFBPtqJEqcOagbMLGBXgtx-YhXukKuRapdQbf6KjtFpMQ_l87GxafEPBCwkilBHNw27UpbZTiiVl7rQ1SNjRAyoqVgOO_EloU6US8d3Tb/s1600/Hp+xiaomi.jpg" title="Harga Xiaomi"><img alt="Belajar membuat tabel postingan untuk usaha online Anda dengan Html " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxwICS6x9GDZBsHU6pBKJpjThNcOYYHAfSBWkFBPtqJEqcOagbMLGBXgtx-YhXukKuRapdQbf6KjtFpMQ_l87GxafEPBCwkilBHNw27UpbZTiiVl7rQ1SNjRAyoqVgOO_EloU6US8d3Tb/s1600/Hp+xiaomi.jpg" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.450.000,-</td>
</tr>
</tbody></table>
</center>


Tabel 2. Contoh tabel harga produk Oriflame 2019

Penulisan kode seperti ini
<center>
<table border="1" style="width: 250px;">
<caption align="top"><b>Tabel 2. Contoh tabel harga produk Oriflame 2019</b></caption>
<tbody>
<tr>
<td style="background: #FF00FF; text-align: center;"><span style="color: white;">Harga Oriflame 1</span></td>
<td style="background: #FF00FF; text-align: center;"><span style="color: white;">Harga Oriflame 2</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: #FFC0CB;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqvvlfA3YM-qXAGON7vjLMrn5czgYWTLOCgUVC0J-fyZph7wZSXw0a2sNUWYVq5KN6uvJs075KEXoVZoq6WQb8_QNphIDfO1clHaCDFz4LKa1K1DI-fItJacit9HWTxlNajNtwHM-aly2/s320/katalog-oriflame.jpg" title="Harga Oriflame 1"><img alt="Belajar membuat tabel postingan untuk usaha online Anda dengan Html "
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqvvlfA3YM-qXAGON7vjLMrn5czgYWTLOCgUVC0J-fyZph7wZSXw0a2sNUWYVq5KN6uvJs075KEXoVZoq6WQb8_QNphIDfO1clHaCDFz4LKa1K1DI-fItJacit9HWTxlNajNtwHM-aly2/s320/katalog-oriflame.jpg" /></a></span>
<br />
Harga : Rp. xxxx,-</td>
#FFC0CB <td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDKJih8206WxkfMEBGn1dLUIk75XNb3So-F0Xw-HY8jyPt2RKj-30YWhDK_St0UDJBjgQQwTczXzbS7nJFLwnF378dvwgqgqFdVtenfjJMQOAT8z6BUMS5mo6-pa_VP8bIW8lVPGoTsvH/s1600/images+%25283%2529.jpg" title="Harga Oriflame 2"><img alt="Belajar membuat tabel postingan untuk usaha online Anda dengan Html " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDKJih8206WxkfMEBGn1dLUIk75XNb3So-F0Xw-HY8jyPt2RKj-30YWhDK_St0UDJBjgQQwTczXzbS7nJFLwnF378dvwgqgqFdVtenfjJMQOAT8z6BUMS5mo6-pa_VP8bIW8lVPGoTsvH/s1600/images+%25283%2529.jpg"
/></a></span><br />
Harga : Rp. xxxx,-</td>
</tr>
</tbody></table>
</center>


Itulah belajar membuat tabel postingan untuk usaha Online anda dengan html.

Lokasi:

Posting Komentar untuk "Belajar membuat tabel postingan untuk usaha online Anda dengan Html"

Silahkan berkomentar sesuai dengan topik,jika komentar dengan kata kotor atau kasar di angap spam. ! Terima kasih