Multimédia a vkládání obsahu hrají zásadní roli při zvyšování vizuální přitažlivosti a interaktivity webových stránek. Zde jsou některé další podrobnosti a konkrétní příklady, jak používat multimédia a vkládat obsah do HTML.
snímky
Chcete-li zobrazit obrázky na webové stránce, použijte <img> značku. Určete zdroj obrázku pomocí src atributu a poskytněte alternativní text pomocí alt atributu pro usnadnění.
Zde je příklad:
<img src="image.jpg" alt="A beautiful sunset">
Zvuk
Chcete-li vložit zvukové soubory, použijte <audio> značku. Pomocí atributu zadejte zdroj zvuku src a pomocí atributu můžete přidat ovládací prvky pro přehrávání controls.
Zde je příklad:
<audio src="audio.mp3" controls></audio>
Video
Pro vkládání videí použijte <video> značku. Nastavte zdroj videa pomocí src atributu a zahrňte controls atribut pro ovládací prvky přehrávání videa.
Zde je příklad:
<video src="video.mp4" controls></video>
Mapy
Chcete-li vložit mapy ze služeb, jako jsou Mapy Google, použijte <iframe> značku a vložte kód pro vložení mapy, který poskytuje služba.
Zde je příklad:
<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>
Webové aplikace
Chcete-li vložit webové aplikace nebo externí webové stránky, znovu použijte <iframe> značku a zadejte adresu URL webové aplikace.
Zde je příklad:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Tyto příklady ilustrují, jak do stránek HTML vložit různé typy multimediálního a externího obsahu. Nezapomeňte upravit atributy a rozměry podle potřeby, abyste zajistili správné zobrazení a funkčnost.