Multimedier og indlejring af indhold spiller en afgørende rolle i at forbedre den visuelle appel og interaktivitet på websider. Her er nogle flere detaljer og specifikke eksempler på, hvordan du bruger multimedier og indlejrer indhold i HTML.
Billeder
Brug tagget for at vise billeder på en webside <img>. Angiv billedkilden ved hjælp af src attributten, og angiv alternativ tekst ved hjælp af alt attributten for tilgængelighed.
Her er et eksempel:
<img src="image.jpg" alt="A beautiful sunset">
Lyd
Brug tagget for at integrere lydfiler <audio>. Angiv lydkilden ved hjælp af src attributten, og du kan tilføje kontroller til afspilning ved hjælp af controls attributten.
Her er et eksempel:
<audio src="audio.mp3" controls></audio>
Video
Brug tagget til indlejring af videoer <video>. Indstil videokilden ved hjælp af src attributten, og medtag controls attributten for videoafspilningskontroller.
Her er et eksempel:
<video src="video.mp4" controls></video>
Kort
For at integrere kort fra tjenester som Google Maps skal du bruge tagget <iframe> og indsætte kortets indlejringskode fra tjenesten.
Her er et eksempel:
<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>
Webapplikationer
For at integrere webapplikationer eller eksterne websteder skal du igen bruge tagget <iframe> og angive webapplikationens URL.
Her er et eksempel:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Disse eksempler illustrerer, hvordan du indlejrer forskellige typer multimedier og eksternt indhold på dine HTML-sider. Sørg for at justere attributterne og dimensionerne efter behov for at sikre korrekt visning og funktionalitet.