Setelah kemarin kita belajar cara mengubah format video menjadi 3GP, sekarang kita akan belajar cara memasukan gambar dengan html ke postingan kita hanya memanfaatkan fasilitas insert image yang ada di menu lembar postingan yang hanya dengan mengklik menu tsb lalu upload gambar.
Tapi bagaimana jika ingin memasukan gambar tanpa cara tsb misal kita ingin membuat Artikel postingan secara offline yang gambarnya sekalian di masukan ke artikel dengan tag HTML. Ikuti langkah berikut :
Contoh saya akan memasukan gambar kucing ke dalam artikel Masukan tag <img style="width: 160px; height: 120px;" src="file:///D:/FILE2 KU/ALBUM KENANGAN/DSC01741.JPG">
Penjelasan : Tag “img” menandakan bahwa ini adalah sebuah gambar dan “style” di ikuti dengan tanda sama dengan (=) maksudnya dengan atribut yaitu “width “untuk lebar disini 160px (piksel ) dan “height” untuk tinggi disini 120px . Jangan lupa sisipkan tanda petik ganda (“) untuk mendefinisikan isi style.
Penjelasan : Tag “img” menandakan bahwa ini adalah sebuah gambar dan “style” di ikuti dengan tanda sama dengan (=) maksudnya dengan atribut yaitu “width “untuk lebar disini 160px (piksel ) dan “height” untuk tinggi disini 120px . Jangan lupa sisipkan tanda petik ganda (“) untuk mendefinisikan isi style.
Juga untuk width dan height pisahkan dengan tanda titikoma (;). Src maksudnya adalah source atau sumber gambar, ikuti tanda samadengan (=) lagi lalu tanda petik ganda (“) lalu file kemudian tanda titik dua (:) kemudian 3 slash (///) lalu Nama folder misal D > tanda titik dua (:) > nama folder.
Pada gambar yang saya masukan ada di folder FILE2 KU>ALBUM KENANGAN>DSC01741.JPG dan akhiri dengan tanda petik lagi lalu kurung tutup runcing. Pokoknya ikuti seperti yang saya tuliskan di atas maka gambar akan muncul. Lihat gambar di bawah
Ini kode tag di Notepad. Simpan dengan ekstensi htm atau html
Ini kode tag di Notepad. Simpan dengan ekstensi htm atau html
Ini hasil gambarnya
Bang, Sya Mau tanya Dong Kenapa Ketika Saya Masukkin Gambarnya kok Corup(GAGAL) Itu kenapa iia ? padahal Prosodurnya sama mMohon Pencerahannya Tq !
mungkin kodenya ada yang salah
makasih gan di coba cri2 akhirnya bisa jg
sama sama
gan ijin tanya knp ya gambar gw kgk nampak cma ada kotak kosong gitu
gan ijin tanya knp ya gambar gw kgk nampak cma ada kotak kosong gitu