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
'''Primjer:'''<br><br>▼
<title>Primjer ubacivanja slike</title></nowiki><br><nowiki>▼
<img src="link_lokacije_slike.jpg"/></nowiki><br><nowiki>▼
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. ▼
'''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><nowiki>▼
<source lang="html5">
<img src="pas.gif" title="Na slici je pas" height="100" width="100"></nowiki><br>▼
<html>
<head>
</head>
<body>
</body>
</html>
</source>
▲Pomoću
<source lang="html5">
</source>
▲Isto tako možemo pomoću
<source lang="html5">
</source>
=== Meta tagovi ===
|