Images · Gambar
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Halaman ini memerlukan browser terbaru (dengan dukungan SharedArrayBuffer). Silakan perbarui Chrome, Edge, Firefox, atau Safari ke versi terbaru.
English
Images
- Show a picture with the
<img>tag. <img>is a single tag — no closing tag, like<br>.- It needs two attributes:
src(where the picture is) andalt(a description).
Bahasa Indonesia
Gambar
- Tampilkan gambar dengan tag
<img>. <img>adalah tag tunggal — tidak ada tag penutup, seperti<br>.- Ia membutuhkan dua atribut:
src(tempat gambar berada) danalt(deskripsi).
<img src="/static/code/web-basics/cat.svg" alt="A cartoon cat">
English
Why alt text matters
altis text that describes the picture.- It shows if the image cannot load, and screen readers read it aloud.
- Always add a short, clear
alt— it makes your page kinder to everyone.
Bahasa Indonesia
Mengapa teks alt penting
altadalah teks yang mendeskripsikan gambar.- Teks ini muncul jika gambar gagal dimuat, dan pembaca layar membacakannya keras-keras.
- Selalu tambahkan
altyang singkat dan jelas — hal ini membuat halaman Anda lebih ramah bagi semua orang.
English
Common mistakes
- An image needs
src(the file) andalt(a description). <img>has no separate closing tag.
Bahasa Indonesia
Kesalahan umum
- Sebuah gambar memerlukan
src(file) danalt(deskripsi). <img>tidak memiliki tag penutup terpisah.
English
Now you try
- The picture lives at
/static/code/web-basics/cat.svg. - Show it, then add
alttext to an image.
Bahasa Indonesia
Sekarang Anda coba
- Gambar berada pada
/static/code/web-basics/cat.svg. - Tampilkan gambar, lalu tambahkan teks
altpada gambar tersebut.
Show the cat picture. Add an <img> with src="/static/code/web-basics/cat.svg". · Tampilkan gambar kucing. Tambahkan <img> dengan src="/static/code/web-basics/cat.svg".
This image has no description. Add an alt attribute that describes it, like alt="A cartoon cat". · Gambar ini tidak memiliki deskripsi. Tambahkan atribut alt yang mendeskripsikannya, seperti alt="A cartoon cat".