Memasukkan Gambar Di Website

Bila terlebih dulu kita mengulas bagaimana memformat text di HTML, jadi saat ini kita bakal cobalah ke tehnik yang cukup kerap kita gunakan juga yakni bagaimana memasukkan gambar kedalam HTML

drag-drop-file-upload
Masukkan keterangan

Ada 2 step untuk memasukkan gambar dalam HTML yakni :

Memastikan tempat gambar
Menempatkan kode gambar

Tempat gambar yaitu folder di mana gambar itu ditempatkan berdasar pada letak file HTML yang mengaksesnya. Umpamanya file html-nya ada di folder c : situs serta gambarnya ada di folder c : websiteimages dengan nama gambarku. jpg jadi bermakna tempat file gambarnya adalah

c : websiteimagesgambarku. jpg

serta kelak di kode HTML-nya kita catat seperti ini :

images/gambarku. jpg

Lalu untuk menimbulkan gambar, kita tempatkan kode ini di file HTML :

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

LOKASI GAMBAR = tempat di mana gambar itu ada komplit dengan nama gambarnya
TEXT ALTERNATIF = Text yang nampak bila gambar yang kita tunjukkan tak muncul

Bila merujuk pada contoh di atas, bermakna kodenya bakal jadi ini :

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

Telah memahami? Insya Allah di artikel yang akan datang kita ulas bagaimana lakukan modifikasi pada gambar kita ini

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 )

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s