Multimedijski i ugrađeni sadržaji igraju ključnu ulogu u poboljšanju vizualne privlačnosti i interaktivnosti web stranica. Evo još nekih detalja i konkretnih primjera kako koristiti multimediju i ugraditi sadržaj u HTML.
Slike
Za prikaz slika na web stranici upotrijebite <img>
oznaku. Navedite izvor slike pomoću src
atributa i navedite alternativni tekst pomoću alt
atributa za pristupačnost.
Evo primjera:
<img src="image.jpg" alt="A beautiful sunset">
Audio
Za ugradnju audio datoteka upotrijebite <audio>
oznaku. Odredite izvor zvuka pomoću src
atributa i možete dodati kontrole za reprodukciju pomoću controls
atributa.
Evo primjera:
<audio src="audio.mp3" controls></audio>
Video
Za ugrađivanje videozapisa upotrijebite <video>
oznaku. Postavite video izvor pomoću src
atributa i uključite controls
atribut za kontrole video reprodukcije.
Evo primjera:
<video src="video.mp4" controls></video>
Karte
Da biste ugradili karte iz usluga kao što su Google karte, upotrijebite <iframe>
oznaku i umetnite kod za ugradnju karte koji pruža usluga.
Evo primjera:
<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>
Web aplikacije
Za ugradnju web-aplikacija ili vanjskih web-mjesta ponovno upotrijebite <iframe>
oznaku i navedite URL web-aplikacije.
Evo primjera:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Ovi primjeri ilustriraju kako ugraditi različite vrste multimedijskog i vanjskog sadržaja u vaše HTML stranice. Obavezno prilagodite atribute i dimenzije prema potrebi kako biste osigurali pravilan prikaz i funkcionalnost.