Halloo semuaa aku akan menjelaskan tentang Using Images yang ada di link …
https://studio.code.org/id/courses/web-development-2026/units/1/lessons/8/levels/5
Baca penjelasan aku yaa teman-teman! Oh iya maaf ya kalo fotonya burem.
Di website, gambar bisa bikin tampilan jadi lebih menarik dan nggak ngebosenin. Tapi sebelum masukin gambar, nama file gambarnya juga harus diperhatiin.
Nama gambar sebaiknya jelas dan gampang dimengerti, jadi kita bisa tahu gambar itu apa cuma dari namanya. Jangan pakai simbol aneh atau spasi. Bisa juga pakai tanda – atau _ sebagai pengganti spasi.
Contohnya aku punya 5 gambar kodok, jadi nama filenya bisa dibuat seperti ini:
kodok-putih.jpg
kodok-tutul.jpg
kodok-oren.jpg
kodok-cokelat.jpg
kodok-hijau.jpg
Dan, cara masukin 5 foto itu menggunakan..
<h1>5 Jenis Kodok</h1>
<p>Ini adalah beberapa gambar kodok yang aku masukin ke website.</p>
• Cara masukin foto masing-masing
<h2>1. Kodok Putih</h2>
<img src=”kodok-putih.jpg” alt=”Kodok putih”>
<h2>2. Kodok Tutul</h2>
<img src=”kodok-tutul.jpg” alt=”Kodok tutul”>
<h2>3. Kodok Oren</h2>
<img src=”kodok-oren.jpg” alt=”Kodok oren”>
<h2>4. Kodok Cokelat</h2>
<img src=”kodok-cokelat.jpg” alt=”Kodok cokelat”>
<h2>5. Kodok Hijau</h2>
<img src=”kodok-hijau.jpg” alt=”Kodok hijau”>
Kurang lebih hasil akhirnya bakal seperti:
Dan, yang paling penting: nama di src=”harus sama persis dengan nama file gambar yang kamu upload. Jadi kalau file kamu namanya kodokPutih.jpg, jangan ditulis kodok-putih.jpg, nanti gambarnya bisa nggak muncul.
Kalo ngerjainnya langsung di Code.org tinggal klik “Add Image” → masukin/upload foto kodoknya → kasih nama file yang jelas → nanti gambar tersebut bisa dipanggil dari HTML.
Intinya, kalau mau masukin gambar ke website, nama file jangan asal-asalan. Bikin nama yang jelas dan gampang dibaca biar kita nggak bingung pas mau nyari atau menggunakan gambarnya lagi.
Oke deh, segini dulu ya penjelasannya semoga dapat dipahami, dadah semua!
💯100%✔️💯🚀🎯