Konten multimedia lan semat nduweni peran penting kanggo ningkatake daya tarik visual lan interaktivitas kaca web. Ing ngisor iki sawetara rincian liyane lan conto khusus babagan cara nggunakake multimedia lan embed konten ing HTML.
Gambar
Kanggo nampilake gambar ing kaca web, gunakake <img> tag. Nemtokake sumber gambar nggunakake src atribut, lan menehi teks alternatif nggunakake alt atribut kanggo aksesibilitas.
Iki contone:
<img src="image.jpg" alt="A beautiful sunset">
Audio
Kanggo nampilake file audio, gunakake <audio> tag. Nemtokake sumber audio nggunakake src atribut, lan sampeyan bisa nambah kontrol kanggo muter maneh nggunakake controls atribut.
Iki contone:
<audio src="audio.mp3" controls></audio>
Video
Kanggo embed video, gunakake <video> tag. Setel sumber video nggunakake src atribut, lan kalebu controls atribut kanggo kontrol puter maneh video.
Iki contone:
<video src="video.mp4" controls></video>
Peta
Kanggo nampilake peta saka layanan kaya Google Maps, gunakake <iframe> tag lan lebokake kode embed peta sing diwenehake dening layanan kasebut.
Iki contone:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024..." width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Aplikasi Web
Kanggo masang aplikasi web utawa situs web eksternal, gunakake maneh <iframe> tag lan wenehake URL aplikasi web kasebut.
Iki contone:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Conto-conto iki nggambarake carane nyisipake macem-macem jinis multimedia lan konten eksternal menyang kaca HTML. Priksa manawa sampeyan nyetel atribut lan dimensi sing dibutuhake kanggo njamin tampilan lan fungsi sing tepat.