MEMASUKKAN GAMBAR

Jika sebelumnya kita membahas bagaimana memformat text di HTML, maka sekarang kita akan coba ke teknik yang cukup sering kita pakai juga yaitu bagaimana memasukkan gambar ke dalam HTML

Ada 2 tahap untuk memasukkan gambar dalam HTML yaitu:

  1. Menentukan lokasi gambar
  2. Memasang kode gambar

Lokasi gambar adalah folder dimana gambar itu diletakkan berdasarkan letak file HTML yang mengaksesnya. Misalnya file html-nya ada di folder c:\website dan gambarnya ada di folder c:\website\images dengan nama gambarku.jpg maka berarti lokasi file gambarnya adalah

c:\website\images\gambarku.jpg

dan nanti di kode HTML-nya kita tulis seperti ini:

images/gambarku.jpg

Kemudian untuk memunculkan gambar, kita letakkan kode ini di file HTML:

<img src="LOKASI GAMBAR" alt="TEXT ALTERNATIF" />

LOKASI GAMBAR = lokasi dimana gambar itu berada lengkap dengan nama gambarnya
TEXT ALTERNATIF = Text yang muncul jika gambar yang kita tampilkan tidak muncul

Jika mengacu pada contoh diatas, berarti kodenya akan seperti ini:

<img src="images/gambarku.jpg" alt="Ini Gambarku"/>

Sudah paham? Insya Allah di artikel mendatang kita bahas bagaimana melakukan modifikasi terhadap gambar kita ini

 

Sumber : http://gudanginfo.web.id/html/memasukkan-gambar.html

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

w

Connecting to %s