Masalah utama yang terkait dengan HTML yang menambahkan gambar dari sumber jarak jauh adalah hal itu dapat menyebabkan waktu pemuatan halaman yang lambat. Ini karena browser harus membuat permintaan terpisah untuk setiap gambar, yang dapat bertambah dengan cepat jika ada banyak gambar di halaman. Selain itu, jika sumber jarak jauh mati atau memiliki koneksi yang lambat, hal ini dapat menunda waktu pemuatan halaman lebih lanjut. Terakhir, ada juga peningkatan risiko kerentanan keamanan karena gambar diambil dari sumber eksternal.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Baris kode ini adalah tag gambar HTML, yang digunakan untuk menampilkan gambar di halaman web.
2. Atribut “src” menentukan URL gambar yang akan ditampilkan, dalam hal ini adalah “https://example.com/image.jpg”.
3. Atribut “alt” menyediakan teks alternatif untuk gambar, dalam hal ini adalah “Contoh Gambar”.
atribut img src
Atribut img src dalam HTML digunakan untuk menentukan sumber gambar. Ini digunakan dalam tag untuk menentukan sumber gambar. Nilai atribut ini harus berupa URL valid yang mengarah ke file gambar. Atribut ini diperlukan untuk semua gambar di halaman web, dan ini memungkinkan browser menemukan dan menampilkan gambar.
Bagaimana cara menambahkan gambar eksternal dalam HTML
Menambahkan gambar eksternal dalam HTML cukup sederhana. Yang perlu Anda lakukan adalah menggunakan beri tag dan tentukan sumber gambar menggunakan atribut src. Sintaks untuk menambahkan gambar eksternal dalam HTML terlihat seperti ini:
Di mana "image_url" adalah tautan ke file gambar, dan "teks alternatif" adalah deskripsi tentang apa yang ada di gambar (untuk tujuan aksesibilitas).
Misalnya, jika Anda ingin menambahkan gambar eksternal dari situs web Anda dengan nama my-image.jpg, kode Anda akan terlihat seperti ini:
