Jumat, 25 Januari 2013

Cara Membuat Tabel dengan Gambar

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
Cara Membuat Tabel dengan Gambar

Demo Cara Membuat Tabel dengan Gambar
Tabel 1.0 Daftar Blogger Sahabat
No. Judul Blog Alamat Link Logo Blog
1. Panduan Template Blog http://panduantemplateblog.blogspot.comcara membuat tabel
2. Panduan Template http://panduantemplateblog.blogspot.comcara membuat tabel
3. Panduan Blog http://panduantemplateblog.blogspot.comcara membuat tabel

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/AVvXsEjVcQBtAckQMExhjEcHNYahn7w6CFeuh95uPnk_9_GFS_3MYRTdDo3npBTXdQ0expsx-XWQjXvZ8ZIHvGcNdueh5KvB23NVWnAZGJq62KsFuZbSsc_2tSbyK0N2GxbOp_kHUG0J4OUQOnM/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/AVvXsEjVcQBtAckQMExhjEcHNYahn7w6CFeuh95uPnk_9_GFS_3MYRTdDo3npBTXdQ0expsx-XWQjXvZ8ZIHvGcNdueh5KvB23NVWnAZGJq62KsFuZbSsc_2tSbyK0N2GxbOp_kHUG0J4OUQOnM/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/AVvXsEjVcQBtAckQMExhjEcHNYahn7w6CFeuh95uPnk_9_GFS_3MYRTdDo3npBTXdQ0expsx-XWQjXvZ8ZIHvGcNdueh5KvB23NVWnAZGJq62KsFuZbSsc_2tSbyK0N2GxbOp_kHUG0J4OUQOnM/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. Jika ada pertanyaan, silahkan tinggalkan komentar anda untuk artikel ini, cara membuat tabel dengan gambar

Cara Membuat Tabel dengan Gambar Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni

8 komentar:

  1. Mantapp info nya gan,,,

    sebelumnya salam kenal dari Aan Shared Blog...

    visit me:
    http://aan-shared.blogspot.com

    BalasHapus
  2. @Aan Shared makasi ya atas komen junjungannya, salam kenal juga,,

    BalasHapus
  3. Thank infonya gan
    ijin sedot ni ilmunya
    mampir juga ya di blog newbie gan
    http://kmialmuawanah.blogspot.com

    BalasHapus
  4. @kmi almuawanah sama-sama, terimakasih juga..
    silahkan dan semoga bermanfaat

    BalasHapus
  5. Gimana gan.. masangnya dimana..
    kok nggak diberi cara pemasangannya

    BalasHapus
  6. bagus tuhhhh,,, mantap tp,,,,
    jangan lupa berkunjung balik ke Dewa Hoki"

    BalasHapus
  7. makasih gan infonya, soalnya blog saya kebetulan banyak gambarnya, jadi klu pakek tabel menghemat tempat dan mudah dimengerti sama pengunjung. salam kenal.

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia