Multimedia dan kandungan membenamkan memainkan peranan penting dalam meningkatkan daya tarikan visual dan interaktiviti halaman web. Berikut ialah beberapa butiran lanjut dan contoh khusus tentang cara menggunakan multimedia dan membenamkan kandungan dalam HTML.
Imej
Untuk memaparkan imej pada halaman web, gunakan <img> teg. Tentukan sumber imej menggunakan src atribut dan sediakan teks alternatif menggunakan alt atribut untuk kebolehaksesan.
Berikut ialah contoh:
<img src="image.jpg" alt="A beautiful sunset">
Audio
Untuk membenamkan fail audio, gunakan <audio> teg. Tentukan sumber audio menggunakan src atribut dan anda boleh menambah kawalan untuk main balik menggunakan controls atribut.
Berikut ialah contoh:
<audio src="audio.mp3" controls></audio>
Video
Untuk membenamkan video, gunakan <video> teg. Tetapkan sumber video menggunakan src atribut dan sertakan controls atribut untuk kawalan main balik video.
Berikut ialah contoh:
<video src="video.mp4" controls></video>
Peta
Untuk membenamkan peta daripada perkhidmatan seperti Peta Google, gunakan <iframe> teg dan masukkan kod benam peta yang disediakan oleh perkhidmatan.
Berikut ialah contoh:
<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
Untuk membenamkan aplikasi web atau tapak web luaran, gunakan <iframe> teg sekali lagi dan berikan URL aplikasi web tersebut.
Berikut ialah contoh:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Contoh-contoh ini menggambarkan cara untuk membenamkan pelbagai jenis kandungan multimedia dan luaran ke dalam halaman HTML anda. Pastikan anda melaraskan atribut dan dimensi mengikut keperluan untuk memastikan paparan dan kefungsian yang betul.