HTML Gambar

Dalam HTML gambar didefinisikan dengan tag <img>.

Untuk menampilkan gambar pada halaman harus menggunakan attribute src. Src singkatan dari "source". src harus ditambahkan url dari gambar yang ingin ditampilkan atau lebih profesionalnya disebut nilai dari attribute scr, kan saya amatir jadi agak dimaklumi.


Contoh :

<img src="url" alt="penjelasan gambar" />

atau

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5QMZNTdKbJ81KKfcqtABk5dqKWWPy65LgCmdIsmGC8I6806jgc2_56y3-Q184NL4xQCGhpBAapNvEABndvRenB5OK-VvT9ACJsmmBtwO4b03uTK9BazFCXci-MA1RhPP570dkwkBamaU/s220/65.JPG" alt="Foto Profil Nano Yulianto" />

Diatas tag pembuka sekaligus tag penutup, lihat garis miring yang berada dibelakang tag <img> !


Attribute alt memberikan informasi alternatif untuk gambar, jika gambar tidak dapat ditampilkan (karena koneksi lambat, kesalahan attribute src, atau pengunjung menggunakan screen reader).


Latihan :

Ada beberapa attribute lagi, silahkan saksikan video berikut :




Semoga Bermanfaat...

Alhamdulillah

2 comments:


  1. nice share kk apa lg dengan videonya sangt membntu :D

  2. Terima Kasih...

Posting Komentar


Creative Commons License
HTML Gambar by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2010/11/html-gambar.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.