Večpredstavnost in vdelana vsebina: izkoriščanje moči medijev v HTML

Multimedijske in vdelane vsebine igrajo ključno vlogo pri povečanju vizualne privlačnosti in interaktivnosti spletnih strani. Tu je še nekaj podrobnosti in konkretnih primerov uporabe multimedije in vdelave vsebine v HTML.

 

Slike

Za prikaz slik na spletni strani uporabite <img> oznako. Z atributom določite vir slike src in zagotovite alternativno besedilo z alt atributom za dostopnost.

Tukaj je primer:

<img src="image.jpg" alt="A beautiful sunset">

 

Avdio

Če želite vdelati zvočne datoteke, uporabite <audio> oznako. Z atributom določite vir zvoka src in z atributom lahko dodate kontrolnike za predvajanje controls.

Tukaj je primer:

 
<audio src="audio.mp3" controls></audio>

 

Video

Za vdelavo videoposnetkov uporabite <video> oznako. Nastavite video vir z uporabo src atributa in vključite controls atribut za nadzor predvajanja videa.

Tukaj je primer:

<video src="video.mp4" controls></video>

 

Zemljevidi

Če želite vdelati zemljevide iz storitev, kot je Google Zemljevidi, uporabite <iframe> oznako in vstavite kodo za vdelavo zemljevida, ki jo zagotovi storitev.

Tukaj je primer:

<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>

 

Spletne aplikacije

Če želite vdelati spletne aplikacije ali zunanja spletna mesta, znova uporabite <iframe> oznako in navedite URL spletne aplikacije.

Tukaj je primer:

<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>

 

Ti primeri ponazarjajo, kako v svoje strani HTML vdelati različne vrste multimedijskih in zunanjih vsebin. Po potrebi prilagodite atribute in dimenzije, da zagotovite ustrezen prikaz in funkcionalnost.