HTML Image

HTML Images - The Tag <img> dan Atribut Src

  • Dalam HTML , gambar didefinisikan dengan tag <img> .
  • Tag <img> kosong , yang berarti mengandung atribut saja, dan tidak memiliki tag penutup .
  • Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src . Src singkatan dari " sumber " . Nilai dari atribut src adalah URL dari gambar yang ingin ditampilkan .


Sintaks untuk mendefinisikan gambar :

<img src="url" alt="some_text"/>

URL yang menunjuk ke lokasi di mana gambar disimpan . Sebuah gambar bernama "logo11w.png" , yang terletak di direktori "images" pada "google" memiliki URL : https://www.google.com/images/srpr/logo11w.png .


Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen . Jika Anda menempatkan tag gambar antara dua paragraf , browser menunjukkan paragraf pertama , maka gambar , dan kemudian paragraf kedua .


HTML Images - Alt Atribut

Alt atribut yang diperlukan menentukan sebuah teks alternatif untuk gambar , jika gambar tidak dapat ditampilkan .
Nilai atribut alt adalah teks penulis - didefinisikan :
<img src="boat.gif" alt="Big Boat" />
Atribut alt menyediakan informasi alternatif bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya ( karena koneksi yang lambat , kesalahan dalam atribut src).


HTML Images - Mengatur Tinggi dan Lebar dari suatu Gambar

Atribut tinggi dan lebar digunakan untuk menentukan tinggi dan lebar dari suatu gambar .
Nilai atribut yang ditetapkan dalam piksel secara default :
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />

 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda