Bagian 4: Gambar, Link, Audio & Video
Menampilkan Gambar
Gunakan tag <img> untuk menampilkan gambar.
<img src="gambar.jpg" alt="Deskripsi Gambar" width="300">Catatan: Gunakan atribut alt untuk aksesibilitas dan SEO.
Membuat Tautan (Link)
Gunakan tag <a> untuk membuat link ke halaman lain, file, atau website.
<a href="https://www.google.com">Kunjungi Google</a>Menambahkan Audio
Gunakan tag <audio> untuk menambahkan suara atau musik.
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Browser Anda tidak mendukung audio.
</audio>Menambahkan Video
Gunakan tag <video> untuk menyisipkan video.
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Browser Anda tidak mendukung video.
</video>Latihan 4: Tambahkan Elemen Multimedia
Cobalah menyisipkan gambar, link, audio, dan video sederhana.
<p>Ini gambar:</p>
<img src="gambar.jpg" alt="Contoh Gambar" width="200">
<p>Ini link ke YouTube:</p>
<a href="https://www.youtube.com" target="_blank">YouTube</a>
<p>Ini audio:</p>
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>
<p>Ini video:</p>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
</video>
Simulasi Langsung
Tuliskan kode HTML di bawah ini dan klik Jalankan untuk mencoba menampilkan gambar dan video.
Di bagian selanjutnya kita akan membahas pembuatan daftar (list) di HTML.