Cara Menyisipkan Gambar Pada Tabel

Hemmmm Kembali bisa hadir dengan membawa oleh-oleh tutorial blog dasar untuk pemula (ane pemula juga gan heheh) yang dalam hal ini adalah Cara Menyisipkan Gambar Pada Tabel. cara ini biasanya akan digunakan atau difungsikan ketika kita mau memposting gambar banyak sehingga tampilannya jauh lebih tersusun atau tertata rapi (hemmm siapa sich yang tidak suka dengan yang rapi..? )
Sobat pastinya sudah tahu semua tentang cara membuat tabel pada blog atau bagi yang belum mengetahui cara membuat blog bisa sobat baca disini
Contoh dari postingan ini bisa sobat lihat dibawah

Ketika kita melihat betapa tersusun dan tertata rapi gambar diatas maka kita pasti tertarik dan bertanya baimana cara membuat atau menyisipkan gambar pada tabel. ya kan??
Adapun code dari contoh diatas bisa sobat ambil dibawah

<br /><table border="1" cellpadding="5" cellspacing="2"> <tr> <td><a href="URL1" target="_blank"><img alt="gambar1" src="URL Gambar1" title="Title Gambar1"/></a></td> <td><a href="URL2" target="_blank"><img alt="gambar2" src="URL Gambar2" title="Title Gambar 2" /></a></td> </tr> <tr> <td><a href="URL3" target="_blank"><img alt="gambar3=" src="URL Gambar 3" title="Title Gambar 3"/></a></td> <td><a href="URL4" target="_blank"><img alt="gambar4" src="URL Gambar 4" title="Title Gambar 4" /></a></td> </tr> <tr> <td><a href="URL5" target="_blank"><img alt="gambar5" alt="gambar5" src="URL Gambar 5" title="title Gambar5"/></a></td> <td><a href="URL6/" target="_blank"><img alt="gambar6" src="URL Gambar 6" title="Title Gambar 6" /></a></td> </tr> </table>

Catatan

• Pembuatan table dimulai dengan tag <table> dan diakhiri tag </table>
• Atribut border berfungsi untuk mengatur ketebalan garis tepi tabel yang dapat disesuaikan dengan kebutuhan misalnya border="1", border="2", border="3" dan seterusnya. Border="0" artinya tabel tersebut tidak memiliki garis tepi.
• Target="_blank" berfungsi saat click dilakukan pada gambar, maka akan terbuka URL terkait tetapi pada tab atau jendela baru, kalau dihilangkan atau diganti dengan target="self" maka URL akan terbuka pada jendela yang sama.
• Atribut cellpadding untuk mengatur jarang tepi setiap kolom dengan konten dalam hal ini jarak tabel dan gambar yang ada di dalamnya.
• Atribut cellspacing berfungsi untuk mengatur jarak antar kolom dan baris.
• Ganti URL1, URL2,....URL6 dengan Link URL gambar pada saat nanti diclick.
• Ganti gambar1, gambar2,...gambar6 dengan alt yang sesuai dengan gambar.
• Ganti URL Gambar 1, URL Gambar 2,...URL Gambar 6 dengan URL gambar Anda sendiri.
• Ganti Title Gambar 1, Title Gambar 2,...Title Gambar 3 dengan Title Gambar Anda sendiri.

Saya rasa sobat sudah tidak mengalami kesulitan dan saya mau undur disiri dari hadapan sobat karena saya harus istirahat dulu setelah seharian ngobrol dengan sahabat diluar sana.

Semoga postingan kali jauh lebih bermanfaat dari sebelumnya.. Aamiin....!