Atribut Gambar
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 24 dari 60.
Mari kita pelajari beberapa atribut tambahan untuk menyempurnakan gambar:
alt: Menyediakan teks alternatif jika gambar tidak dimuat.widthdanheight: Mengatur ukuran gambar dalam piksel.
Berikut contohnya:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Ini menetapkan sumber gambar, memberikan deskripsi, dan mengatur ukurannya menjadi 600x400 piksel. Selalu sertakan alt agar aksesibel dan gunakan dimensi untuk menjaga konsistensi desain.
Tantangan
MudahTambahkan atribut berikut ke gambar:
alt: "A beautiful bird"width: "400"height: "250"
Coba sendiri
<!DOCTYPE html>
<html>
<body>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
</body>
</html>
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Dasar-Dasar
1Dasar-Dasar HTML
Apa itu HTML?Struktur Dasar HTMLTag dan ElemenTag Bersarang dan Tag PenutupKomentar dalam HTML7Halaman Profil Pribadi
Gambaran Umum ProyekBagian Header
Foto ProfilBagian Tentang SayaTautan Media Sosial2Teks dan Pemformatan
JudulParagrafPindah BarisTeks Tebal dan MiringTeks Tebal dan Miring LagiRangkuman: Pemformatan8Formulir dan Input Bagian 1
Dasar FormulirInput TeksAtribut InputKolom Kata SandiLabel untuk InputUlasan, Formulir Dasar11Halaman Pendaftaran Acara
Gambaran Umum ProyekBagian HeaderBagian Detail AcaraFormulir PendaftaranBagian Footer9Formulir dan Input Bagian 2
Tombol RadioKotak CentangMenu DropdownTombolTombol dalam FormulirRangkuman, Formulir #1Rangkuman, Formulir #2Latihan sendiri: Playground Web