A multimédia és a tartalom beágyazása döntő szerepet játszik a weboldalak vizuális vonzerejének és interaktivitásának fokozásában. Íme néhány további részlet és konkrét példa a multimédia használatára és a tartalom HTML-be való beágyazására.
Képek
Ha képeket szeretne megjeleníteni egy weboldalon, használja a <img> címkét. Adja meg a kép forrását az src attribútum használatával, és adjon meg alternatív szöveget az alt attribútum használatával a kisegítő lehetőségekhez.
Íme egy példa:
<img src="image.jpg" alt="A beautiful sunset">
Hang
Hangfájlok beágyazásához használja a <audio> címkét. Adja meg a hangforrást az src attribútummal, és az attribútum használatával vezérlőket adhat hozzá a lejátszáshoz controls.
Íme egy példa:
<audio src="audio.mp3" controls></audio>
Videó
Videók beágyazásához használja a <video> címkét. Állítsa be a videó forrását az src attribútum használatával, és adja meg az controls attribútumot a videó lejátszási vezérlőkhöz.
Íme egy példa:
<video src="video.mp4" controls></video>
Térképek
Térképek beágyazásához olyan szolgáltatásokból, mint a Google Térkép, használja a <iframe> címkét, és illessze be a szolgáltatás által biztosított térkép beágyazási kódját.
Íme egy példa:
<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>
Webes alkalmazások
Webalkalmazások vagy külső webhelyek beágyazásához ismét használja a <iframe> címkét, és adja meg a webalkalmazás URL-címét.
Íme egy példa:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Ezek a példák bemutatják, hogyan ágyazhat be különféle típusú multimédiás és külső tartalmakat HTML-oldalaiba. Ügyeljen arra, hogy szükség szerint állítsa be az attribútumokat és a méreteket a megfelelő megjelenítés és működés érdekében.