Multimedijski i ugrađeni sadržaj: Iskorištavanje moći medija u HTML-u

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.