Multimedijski sadržaji u HTML dokumentu
3. Ugradnja multimedijskih sadržaja u HTML dokument
Multimedijski sadržaji ugrađuju se u HTML dokument s lokacije gdje su smješteni navođenjem
apsolutne ili relativne putanje dokumenta. Lokacija se navodi unutar elemenata <img> za slike, <video> za video i <audio> za audiodatoteke.
Apsolutna putanja sadrži URL adresu multimedije koja je smještena na vanjskoj mrežnoj stranici, što znači da ne upravljamo datotekama koje nisu u našoj mrežnoj mapi. Osim toga može sadržavati lokaciju datoteke na disku nekoga lokalnog računala pa će se pri preseljenju na drugi poslužitelj morati mijenjati.
Relativna putanja jest putanja od HTML dokumenta do multimedijskog sadržaja koji želimo prikazati (slika, video, audio...), ima kraći zapis i pri preseljenju naše mrežne stranice na drugi mrežni poslužitelj ne mora se mijenjati. Preporuka je rabiti relativnu putanju.
Unutar svojstva src navodimo njihovu lokaciju (URL) navođenjem putanje do sadržaja koji
želimo ugraditi u naš HTML dokument.
Pri ugradnji slika dobra je praksa koristiti se svojstvom alt za imenovanje sadržaja (zamjenski
tekst) i svojstvom za namještanje dimenzija elementa width i height.
Zamjenski tekst je tekst koji se prikazuje unutar prostora rezerviranog za sliku ako se
slika ne može pravilno prikazati.

Prema HTML standardu sva su četiri svojstva obvezna (src, width, height i alt), ali mrežnom
pregledniku dovoljan je samo src.


Na slici uočavamo da je prva slika ugrađena prema pravilima sa sva četiri parametra. Drugoj se slici prikazuje predefinirani tekst HTML5 jer je lokacija slike nepoznata. Treća slika ima deformirane dimenzije jer pri zadavanju nismo pazili na proporcionalnost.
Četvrta i peta slika imaju zadanu samo širinu ili visinu, pravilno se prikazuju, jer druga se veličina određuje automatski, proporcionalno. Zadnja slika nema zadane vrijednosti dimenzija i prikazuje se u svojoj stvarnoj veličini.