Menggunakan Gambar


Memasang Gambar Pada Halaman Cetak

Ini dia yang membuat tampilan website menjadi lebbih dinamis dengan bantuan memasukkan gambar pada halaman kerja web kita😆. perlu di ketahui nih baiknya menggunakan sebuah gambar carilah file yang tidak terlalu besar dan yang biasa kita gunakan adalah untuk gambar pada web adalah menggunakan extension gif. 🙄

Beberapa Format Imgage yang perlu di ketahui

  • Gif(Graphical Interchange Format)(.GIF)
  • Jpeg(Joint Photographic Expert Image)(.JPG)
  • Png(Portable Network Graphic)

Nah Kali ini kita akan menampilkan gambar yang di ambil dari Hardisk Ke dalam Sebuah Html, Untuk menampilkan gambar kita perlu dibantu dengan lokasi dari file gambar yang akan kita ambil. satu yang harus di perhatikan bahwa dalam mengambil gambar baikknya meletakkan gambar dalam satu folder dengan file html/htm, karena dengan di satukan file tersebut maka akan mempermudah kerja kita untuk merubah apablila terjadi kesalahan .

Waktunya Insert image ke Document

Tag IMG di gunakan untuk insert image ke document HTML . dengan Sintax <IMG SRC =”URL”>

sebagai contoh sederhanya

dengan hasil output Pada saat di buka pada Internet Xplore

Setelah Paham Memasukan Gambar, waktunya Mengatur Gambar ….

Untuk mengatur bagus tidak nya suatu gambar di tentukan dengan ukuran dari gambar tersebut agar terlihat sempurna. ukuran gambar di bantu dengan tag “width” dan “height” dari action tag <img>. Contoh nya nih😉

Hasilnya Menjadi  secara otomatis  sesuai dengan ukuran yang kita buat dengan satuan standarnya Pixel(px):mrgreen:

Waktunya Penggabungan Image dengan Sebuah Text

nah Bagaimana Nih kita menggabungkan image dengan sebuah paragraf yang di atur sesuai kebutuhan .😈

Begini Caranya ……😉😉

Pada Contoh Kali ini saya menggabungkan Text,image dan Link Untuk keluar :mrgreen:

Semoga Dapat membantu Kawan-Kawa yang ingin belajar … Semngad Terus 😉😆

About FajarRizkiansyah

Tuhan Pasti Tau apa yang kita lakukan untuk kebeneran pasti ada jalan yang terbaik .......
This entry was posted in HTML and tagged . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s