HTML: razlika između inačica

Izbrisani sadržaj Dodani sadržaj
→‎Dodavanje zvuka i multimedije: popravljeno formatiranje HTML-a
→‎Dodavanje slika: popravljeno formatiranje html-a
Redak 203:
 
=== Dodavanje slika ===
Kada bi web stranice sadržavale samo tekst i dalje bi bile tehnološki impresivne, ali bez slika ne bi bile niti približno zabavne kao danas. Dva najčešće upotrebljavana grafička formata datoteka na internetu su '''[[GIF]]''' i '''[[JPEG]]''' (GIF se izgovara '''"đif"''', a JPEG '''"džej-peg"'''). '''[[JPEG]]''' (Joint Photographic Experts Group) format primarno se koristi za prikaz realističnih slika fotografske kvalitete, dok se gif koristi za slike s manjim spektrom boja, kao što su na primjer navigacijske ikone, banneri, animacije itd,... Među web dizajnerima veliku je popularnost stekao i format '''[[PNG]]''' ([[PNG]] se izgovara'''"ping"''') koji je stvoren kako bi poboljšao i zamjenio GIF format. PNG podržava slike zasnovane na paleti (s paletom definiranom '''24''' bitnim RGB bojama), greyscale slike (sivih tonova) i '''RGB slik'''e. Zamišljen je kao grafički format za razmijenu preko interneta, a ne za profesionalnu uporabu, tako da ne koristi neke druge sheme boja (kao što je '''[http://en.wikipedia.org/wiki/CMYK_color_model CMYK]''' (cyan-mangenta-yellow-black). Sve slike, bez obzira na format, ubacuju se istim tagom. Budući da '''<code><nowiki><img></nowiki>'''</code> tag zahtjeva obiljžjeobilježje <code><nowiki></nowiki>src</code>, tada se '''<code><nowiki><img src="link_slike.jpeg"></nowiki>'''</code> promatra kao cjeloviti tag. <code><nowiki><img></nowiki></code> tag nema svoj završni oblik. To je tag koji zatvaramo na njegovom kraju kosom crtom <code><nowiki><img /></nowiki></code>.
<br><br>
'''Primjer:'''<br><br>
<nowiki>
<html></nowiki><br><nowiki>
<head></nowiki><br><nowiki>
<title>Primjer ubacivanja slike</title></nowiki><br><nowiki>
<body></nowiki><br><nowiki>
<img src="link_lokacije_slike.jpg"/></nowiki><br><nowiki>
</body></nowiki><br><nowiki>
</html></nowiki><br><br>
Pomoću taga <alt> možemo definirati tekst koji će opisivati što je na slici,koji će se prikazati ukoliko korisnikov web preglednik nije u stanju otvoriti dokument.
<br><br>
'''Primjer:''' <br><br><nowiki>
<img src="pas.gif" alt="Na slici je pas" height="100" width="100"></nowiki><br><br>
 
 
Isto tako možemo pomoću taga <title>, dok korisnik mišem nacilja odrađeni dio dokumenta koji smo označili tim tagom, pojaviti će mu se okvirić s tekstom koji smo napisali.
'''Primjer:'''<br><br>
<br><br>
 
'''Primjer:'''<br><br><nowiki>
<source lang="html5">
<img src="pas.gif" title="Na slici je pas" height="100" width="100"></nowiki><br>
<html>
<head>
<title>Primjer ubacivanja slike</title></nowiki><br><nowiki>
</head>
<body>
<img src="link_lokacije_slike.jpg"/></nowiki><br><nowiki>
</body>
</html>
</source>
 
Pomoću tagaobilježja <code><nowiki>alt</nowiki></code> možemo definirati tekst koji će opisivati što je na slici, koji će se prikazati ukoliko korisnikov web preglednik nije u stanju otvoriti dokument.
 
'''Primjer:''' <br><br><nowiki>
 
<source lang="html5">
<img src="pas.gif" alt="Na slici je pas" height="100" width="100"></nowiki><br><br>
</source>
 
Isto tako možemo pomoću tagaobilježja <code><nowiki>title</nowiki></code>, dok korisnik mišem nacilja odrađeni dio dokumenta koji smo označili tim tagom, pojaviti će mu se okvirić s tekstom koji smo napisali.
 
'''Primjer:'''<br><br><nowiki>
 
<source lang="html5">
<img src="pas.gif" title="Na slici je pas" height="100" width="100"></nowiki><br>
</source>
 
=== Meta tagovi ===