ASSALAMUALAIKUM PREEEEEEEN
OKE ,hari ini aku mau ngebahas USING IMAGEEEEEES , dan kali ini bukan tugas ,tatapiiiii ujiaaaaaan, jadi aku akan membahas materi ini dengan bahasa aku sendiriiii, tapi katanya boleh sedikit pake AI, jadi kalau gak ngerti mohon di maklumi yaaa.
Oke jadi . . . MARI KITA LAWAAAAN!!!!!!, eh maksudnya . . . MARI KITA BAHAAAAAS!!!!!! :
PENGERTIAN : USING IMAGES adalah cara kita memasukan gambar ,foto,atau grafik,ke dalam artikel atau website.
TUJUAN: biar tulisan kita enggak keliatan ngebosenin jadinya di tambahin gambar deh, ( begitu pula dengan hidup )
pertanyaan nya :
1. kenapa sih hrus pakai gambar? (fungsi ):
- Bikin tulisan enak di baca :kan bosen yak kalau orang cuman baca tulisan panjang doang ,jadinye pake gambar biar mata nya da jeda biar istirahat
- bantu ngejelasin maksud: Ada hal yang susah dijelaskan pakai kata-kata, tapi langsung paham begitu ngelihat gambar.
- Bikin Tampilan Bagus: Halaman web atau blog jadi kelihatan menarik dan lebih hidup.
2.HAL YANG HARUS DIPERHATIKAN
!!!!!!!!!hal yang harus di perhatikan:
- PG/JPEG: Cocok buat foto-foto biasa.
- PNG: Bagus kalau butuh gambar yang background-nya transparan (kayak stiker/logo).
- WebP: Format gambar modern yang ringan banget buat website.
- Ukuran Gambar Jangan Kebesaran: Biar website kamu enggak lemot pas dibuka orang.
- Kasih Nama/Deskripsi (Alt Text): Biar Google tahu itu gambar tentang apa, dan kalau gambarnya gagal muat, tulisan penjelasnya tetap muncul.
- Jangan Asal Comot: Pakai gambar hasil karya sendiri atau ambil dari web penyedia foto gratis (seperti Unsplash/Pexels) biar bebas hak cipta.
NAH DI SINI KITA MULAI PAKE AI SOALNYA YANG INI SUSAH AKU JELASIN PAKE KATA KATA AKU.
- tag gambar (
<img>) beserta tag paragraf (<p>) untuk memberikan atribusi/sumber gambar di bawah gambar tersebut agar menghormati hak cipta pembuatnya. dan memastikan halaman web kamu tidak memiliki bug, struktur penulisan kode di Web Lab harus mengikuti format di bawah ini
CONTOH KODENYA:
<!– 1. Tag Gambar (Ingat, tag <img> adalah self-closing atau tidak butuh penutup) –> <img src=”nama_file_gambar.jpg” alt=”Deskripsi gambar kamu disini”> <!– 2. Tag Atribusi (Ditulis tepat di bawah gambar menggunakan tag <p>) –> <p> Gambar ditemukan di <a href=”https://pixabay.com”>Pixabay</a> bawah lisensi Creative Commons. </p>
pKomponen Penting yang Harus Diperiksa:
Teks Atribusi (<p>): Tuliskan nama pencipta atau situs tempat kamu mengambil gambar tersebut agar status pengerjaan level kamu dianggap valid dan rapi.
Atribut src: Berisi nama file gambar yang sudah kamu unggah (upload) ke proyek Web Lab milikmu. Pastikan ejaan dan formatnya (seperti .jpg atau .png) sama persis.
Atribut alt: Berisi teks alternatif yang menjelaskan isi gambar tersebut jika gambar gagal dimuat.
nah udah ya segitu dulu ,capek banget soalnya udah dulu ya preeeen .daaah
