Search

Minggu, 06 Januari 2013

Cara Menampilkan Gambar atau Foto di HTML

Posting kali ini saya akan membahas tentang bagaimana Cara Menampilkan Gambar atau Foto di HTML. untuk menampilkan gambar atau foto di html kita bisa menggunakan tag <IMG>.

cara menampilkan gambar atau foto dengan tag html <img> adalah sebagai berikut :

<img src="nama_file_gambar_atau_foto_beserta_ekstensinya">

misalkan saya mempunyai sebuah file gambar atau foto dengan nama dan ekstensinya gambar.jpg, kemudian saya akan menampilkan file tersebut di html, dengan menggunakan tag <IMG>. berikut cara penulisannya :

<img src="gambar.jpg">

Selain itu anda juga dapat menambahkan "alt" untuk menampilkan tulisan apabila cursor berada di atas gambar atau foto tersebut. dan juga kita juga menyesuaikan ukurannya sesuai dengan yang kita inginkan. berikut cara penulisannya :

<img src="gambar.jpg" width="250" alt="ini adalah gambar">

NOTE : syaratnya File html dan gambar atau foto harus berada dalam satu folder

Anda juga dapat memanggil gambar atau foto yang ada pada folder yang ada dalam folder tempat html anda berada. Misalkan saja kita membuat sebuah folder dengan nama Image di dalam folder tempat kita meletakkan file html. maka kodingnya akan menjadi seperti berikut :

<img src="image/gambar.jpg" width="250" alt="ini adalah gambar">


Penjelasan : 
  • src digunakan untuk memanggil file foto atau gambar
  • width digunakan untuk menentukan lebar foto
  • alt digunakan untuk memunculkan tulisan apabila cursor berada di atas file gambar atau foto

Sekian posting saya kali ini, semoga dapat membantu.
Selamat Mencoba!!

Tidak ada komentar:

Posting Komentar

Jika anda Berminat, Silahkan Tinggalkan Komentar