Pertemuan 14

 

 Belajar cara memanggil gambar di HTML

Untuk menampilkan gambar di halaman web menggunakan HTML, Anda akan menggunakan elemen `<img>` (singkatan dari "image"). Berikut adalah langkah-langkah dasar untuk memanggil gambar di HTML:

1. Menyimpan Gambar:

   Pertama-tama, pastikan Anda memiliki file gambar yang ingin Anda tampilkan. File gambar harus tersedia di direktori proyek Anda.

2. Menggunakan Elemen `<img>`:

   Gunakan elemen `<img>` dengan atribut `src` (source) untuk menentukan lokasi file gambar.

Contoh:

Dan ini adalah hasilnya:

- `src`: Ini adalah atribut wajib yang menunjukkan lokasi atau URL dari file gambar. Lokasi bisa berupa alamat web atau path file lokal.

   - `alt`: Ini adalah teks alternatif yang akan ditampilkan jika gambar tidak dapat dimuat atau untuk aksesibilitas pengguna yang menggunakan pembaca layar. Pastikan deskripsi ini mendeskripsikan gambar dengan baik.

Menyediakan Deskripsi dan Atribut Tambahan (Opsional):

   Anda juga dapat menyediakan deskripsi tambahan dengan menggunakan atribut seperti `width` dan `height` untuk mengatur dimensi gambar, atau atribut lainnya seperti `class` atau `id` untuk memberikan gaya atau pengaturan tambahan

asil dari kode di atas adalah bahwa gambar akan ditampilkan di halaman web dengan deskripsi alternatif yang akan ditampilkan jika gambar tidak dapat dimuat, atau untuk keperluan aksesibilitas. Pastikan bahwa lokasi gambar dan nama file sesuai dengan lokasi dan nama sebenarnya dari file gambar yang ingin Anda tampilkan.