Cara Membuat Tabel dengan Gambar adalah cara yang sama ketika anda membuat tabel yang telah anda lakukan sebelumnya yang telah saya bahas di artikel cara membuat tabel vertikal namun lebih mudah dan pada artikel ini, Cara membuat tabel dengan gambar hanya ditambahkan satu kolom yang digunakan untuk memasukkan gambar kedalam tabel. Dan untuk menerapkan cara membuat tabel dengan gambar ini cukup menyalin kode yang telah saya buat untuk anda
Contoh Cara Membuat Tabel dengan Gambar
Demo Cara Membuat Tabel dengan Gambar
Fungsi: memberikan keterangan yang lebih lengkap terhadap isi tabel.
Ingat! Saat menuliskan kode diatas kedalam artikel, jangan lupa untuk memilih mode Html terlebih dahulu.
sumber: panduantemplateblog.blogspot.com
Contoh Cara Membuat Tabel dengan Gambar
Demo Cara Membuat Tabel dengan Gambar
| No. | Judul Blog | Alamat Link | Logo Blog |
|---|---|---|---|
| 1. | Panduan Template Blog | http://panduantemplateblog.blogspot.com |  |
| 2. | Panduan Template | http://panduantemplateblog.blogspot.com | |
| 3. | Panduan Blog | http://panduantemplateblog.blogspot.com | |
| Klik tombol berikut untuk melihat kode | <table border="1" style="width: 400px;"><tbody> </tbody><caption align="top"><b>Tabel 1.0 Daftar Blogger Sahabat</b></caption> <tbody> <tr align="center"><th>No.</th> <th>Judul Blog</th> <th>Alamat Link</th> <th>Logo Blog</th></tr> <tr align="center"><td>1.</td> <td>Panduan Template Blog</td> <td>http://panduantemplateblog.blogspot.com</td><td><img alt="cara membuat tabel" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXGqGzIB57bisCHDmFLcUp-EbvC3vl5ICojepM7ybxBBidd_GcrGd7aKiDkDZATjr2qEE1uextgqcZEkCBQrYzTbGUumY8SGa8rlNprqaknXsBTuOo-qt9ZhkCfl586ARyiuRd5RextgU/s1600/membuat+tabel.png" title="cara membuat tabel" width="50" /></td></tr> <tr align="center"><td>2.</td> <td>Panduan Template</td> <td>http://panduantemplateblog.blogspot.com</td><td><img alt="cara membuat tabel" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXGqGzIB57bisCHDmFLcUp-EbvC3vl5ICojepM7ybxBBidd_GcrGd7aKiDkDZATjr2qEE1uextgqcZEkCBQrYzTbGUumY8SGa8rlNprqaknXsBTuOo-qt9ZhkCfl586ARyiuRd5RextgU/s1600/membuat+tabel.png" title="cara membuat tabel" width="50" /></td></tr> <tr align="center"><td>3.</td> <td>Panduan Blog</td> <td>http://panduantemplateblog.blogspot.com</td><td><img alt="cara membuat tabel" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXGqGzIB57bisCHDmFLcUp-EbvC3vl5ICojepM7ybxBBidd_GcrGd7aKiDkDZATjr2qEE1uextgqcZEkCBQrYzTbGUumY8SGa8rlNprqaknXsBTuOo-qt9ZhkCfl586ARyiuRd5RextgU/s1600/membuat+tabel.png" title="cara membuat tabel" width="50" /></td></tr> </tbody></table> |
Fungsi: memberikan keterangan yang lebih lengkap terhadap isi tabel.
Ingat! Saat menuliskan kode diatas kedalam artikel, jangan lupa untuk memilih mode Html terlebih dahulu.
sumber: panduantemplateblog.blogspot.com
