Multimedia dan penyematan konten memainkan peran penting dalam meningkatkan daya tarik visual dan interaktivitas halaman web. Berikut adalah beberapa detail dan contoh spesifik tentang cara menggunakan konten multimedia dan menyematkan dalam HTML.
Gambar-gambar
Untuk menampilkan gambar pada halaman web, gunakan <img> tag. Tentukan sumber gambar menggunakan src atribut, dan berikan teks alternatif menggunakan alt atribut untuk aksesibilitas.
Berikut contohnya:
<img src="image.jpg" alt="A beautiful sunset">
Audio
Untuk menyematkan file audio, gunakan <audio> tag. Tentukan sumber audio menggunakan src atribut, dan Anda dapat menambahkan kontrol untuk pemutaran menggunakan controls atribut tersebut.
Berikut contohnya:
<audio src="audio.mp3" controls></audio>
Video
Untuk menyematkan video, gunakan <video> tag. Setel sumber video menggunakan src atribut, dan sertakan controls atribut untuk kontrol pemutaran video.
Berikut contohnya:
<video src="video.mp4" controls></video>
Peta
Untuk menyematkan peta dari layanan seperti Google Maps, gunakan <iframe> tag dan sisipkan kode sematan peta yang disediakan oleh layanan.
Berikut contohnya:
<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 menyematkan aplikasi web atau situs web eksternal, gunakan lagi <iframe> tag dan berikan URL aplikasi web.
Berikut contohnya:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Contoh-contoh ini mengilustrasikan cara menyematkan berbagai jenis konten multimedia dan eksternal ke dalam halaman HTML Anda. Pastikan untuk menyesuaikan atribut dan dimensi sesuai kebutuhan untuk memastikan tampilan dan fungsionalitas yang tepat.