Sajtovi sa kojih sam ja u ona davna vremena učio HTML odavno ne postoje tako da ti tu ne mogu pomoći.
Ali kao stari barba mogu ukratko prepričati povijest HTML-a (HyperText Markup Language) kako bih novajliji razjasnio tu HTML ovaj HTML onaj zbrku
U početku je web bio zamišljen potpuno drugačije od onoga u što se danas pretvorio i prva verzija HTML-a je imala sveskupa petnaestak tagova od kojih se polovica već odavno ne koristi.
No preskočimo prapovijest i idemo na HTML 3.2…
HTML 3.2 je, između ostalog, omogućio formatiranje teksta: različiti fontovi, veličine, boje…
Tekst se mogao formatirati na određenom dijelu stranice, npr.
[HTML]
Veliki centrirani žuti tekst.
[/HTML]
ili na nivou stranice, npr.:
[HTML]
Sav tekst je žute boje na crvenoj pozadini.
[/HTML]
Još uvijek se u starijim tutorijalima i free skriptama nailazi na HTML 3.2 i treba ga znati “prevesti” u moderniji kod.
HTML 4.01 je uveo CSS kao puno bolji i učinkovitiji način formatiranja.
Kao “inline” formatiranje na određenom dijelu stranice, npr.:
[HTML]
Žuta slova na crvenoj pozadini su prestala biti popularna
[/HTML]
ili kao “internal” formatiranje na nivou stranice, npr.:
[HTML]
body {
background-color: #fff;
color: #000;
}
p {
text-align: center;
}
[/HTML]
ili, što je bila novost, “external” stilovi u posebnoj datoteci, a koji su se odnosili na sve stranice koje koriste tu eksternu .css datoteku.
Znači, ako želiš promijeniti boju slova na svim stranicama, više nije potrebno mijenjati svaku pojedinu stranicu.
CSS 2.1 je donio rješenje problema pozicioniranja pojedinih elemenata na stranici.
Prvobitno nije planirano da bi netko nešto želio pozicionirati na web stranicama, ali s vremenom su webmasteri poželjeli imati zaglavlje na vrhu stranice, navigaciju sa lijeve strane, sadržaj u dva stupca i slične perverzije.
To je bilo moguće jedino tako da se sav sadržaj stranice rasporedi unutar tablice (i unutar tablice unutar tablice unutar tablice), a položaj pojedinog elementa se odredi dimenzijama pojedinih ćelija tablice.
To rješenje sa tablicama je bilo prilično nezgrapno i nepraktično, jer tablice nisu ni zamišljene da služe za pozicioniranje pojedinih elemenata.
CSS 2.1 je omogućio relativno i apsolutno pozicioniranje pojedinih elemenata tako da, ako želiš navigaciju s lijeve strane, ne moraš više koristiti tablicu nego jednostavno:
[HTML]navigacija { float:left; }[/HTML]
a ako poželiš navigaciju preseliti na desnu stranu, umjesto da prepravljaš tablice na svakoj pojedinoj stranici, jednostavno u .css datoteci gornji kod promijeniš u
[HTML]navigacija { float:right; }[/HTML]
HTML 5 i CSS 3 su i dalje pojednostavili stvari i donijeli elemente koji zamijenjuju ono što se prije radilo pomoću JavaScripta ili Flasha, ili je bilo poprilično komplicirano.
Naprimjer,
[HTML]
Ovo je tekst
[/HTML]
zamjenjuje ono što se u HTML 4.01 radilo sa četiri slike i ovakvom tablicom:
[HTML]
[/HTML]
HTML 5.1 i 5.2, kao i CSS 4 su još u izradi i još ih možeš slobodno zanemariti :zub:
Donose neke kewl* fore za koje nisam ni pomislio da bi bile u HTML-u.
*kewl = A stupid way of spelling “cool”. Made up by morons.
DHTML (Dynamic HTML) nije nikakav poseban “markup language”. To je ustvari naziv za kombinaciju HTML-a 4.01, JavaScripta, CSS-a i DOM-a za izradu interaktivnih i animiranih web sajtova.
XHTML (Extensible HyperText Markup Language) je nastao nakon HTML-a 4.01, koristi XML format podataka, a zamišljen je kao zamjena za HTML.
Nije uspio zamijeniti HTML te je sa verzijom XHTML 2.0 obustavljen daljnji rad na toj specifikaciji.