Gambar
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 23 dari 60.
Gambar dapat membuat halaman webmu lebih menarik, dan menambahkannya di HTML mudah dengan menggunakan tag <img>. Tag <img> bersifat menutup sendiri, artinya tag ini tidak memerlukan tag penutup.
Untuk menampilkan gambar, kamu perlu menggunakan atribut src. Atribut ini menentukan lokasi gambar (URL atau jalur file). Berikut contohnya:
<img src="https://coddy.tech/images/bit.svg" />Dalam contoh ini, browser akan memuat dan menampilkan gambar dari URL https://coddy.tech/images/bit.svg.
Tag penutup mandiri, seperti <img>, digunakan untuk elemen yang tidak memiliki konten di dalamnya, jadi elemen tersebut tidak memiliki tag penutup. Dalam HTML5, garis miring di bagian akhir bersifat opsional: <img src="bit.svg"> dan <img src="bit.svg" /> sama-sama valid. Kursus ini menulis />.
Tantangan
MudahTambahkan gambar ke dokumen HTML, kamu bisa menggunakan URL dari contoh di pelajaran atau URL lainnya.
Pastikan kamu melihat gambar!
Coba sendiri
<!DOCTYPE html>
<html>
<body>
<!-- Tulis kodemu di sini -->
</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