Home » » Cara Menyisipkan Gambar Pada Tabel

Cara Menyisipkan Gambar Pada Tabel

Written By Cholil Smart on Wednesday, 25 January 2012 | 00:24

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

Gambar1 gambar2
gambar3= gambar4
gambar6 gambar5
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


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....!
Share this article :

18 komentar:

  1. Ahiiihiiihiii... itu ada yang nyelip apaan ya.. mantabbzz gan gambarnya Sessuatu banget dehh...wkwkwkk

    ReplyDelete
  2. ada penampakan ea ..
    sesuatu bangets ..

    ReplyDelete
  3. Wow... gambar terakhir bkin jantungan... wkwkwkwkwkkw


    keren sob postingannya... bkin orang pengen tau jja full postnya.. :D

    ReplyDelete
  4. SB@ ahahahahahah gambarnya yang dilihatin terus wkwkwkwkw
    ZB@ Pdeh been so SB jiah
    BB@ jantungan aa jantungan..? wkwkwkwkw

    ReplyDelete
  5. seeef lanjutkan..kreasinya...asalkan jangan kasih gambar AKU TAU YANG KAU MAU

    wkakakkka

    ReplyDelete
  6. hahahahahaha
    GT@ gambar jiah mak bedeh gunanah disengkok pas kasih link ke pasang iklan mas terus ke yang lain juga wkwkw

    ReplyDelete
  7. Gember apah se esaBek ben gus. Senga' ekenNing bele'

    ReplyDelete
  8. RA@ hahahahahahah.... bele' apa beleng???

    ReplyDelete
  9. KUNkungan pertama salam kenal

    ReplyDelete
  10. coMment KedUa kaLinya ..
    Tak genNa ben teh ..

    ReplyDelete
  11. Ritma @ salam kenal juga.... ya
    d'admire@ tak genna beremmah?

    ReplyDelete
  12. pot nyapon tretan se nyoba' kabbi se e jueleh
    wkakak

    ReplyDelete
  13. beh mon tak deiyeh ma......
    kareh batik la mas...
    bawang merah sudah habis terjual semua kira" 4 ton
    sekarang batiknya wkwkwkw
    pas sambih aberri' backlink ka web barumu
    kan la nyaman mas

    ReplyDelete
  14. nyapot tretan kalaben ngibel le olleh gentheng e blog

    ReplyDelete
  15. abid tak lanjelen ka blg tretan, maseh tambeh siiip

    ReplyDelete
  16. muantep jih...
    oya numpang nya gambarnya ini di jadikan background atau gambar saja

    ReplyDelete

Komentar anda saya butuhkan
Komentar anda akan sangat membantu saya
Komentar anda menjadi kebanggaan saya
komentar anda lebih berharga dari berlian

Jangan menyertakan URL pada kotak komentar
karena akan saya anggap sebagai SPAM

Popular Posts

 
Support : Petotu | Pondok Template
| Penyejuk Hati
Copyright © 2013. PETOTU - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger