HTML i CSS Tutorijali

Pozdrav, potrebni su mi HTML I CSS tutorijali od koji ste vi krenuli da ucite itd.
Dakle da tutorijali po mogucnosti budu na Srpskom/Hrvatskom/Bosanskom jeziku i da je Voice tut.

I kad vec otvaram temu da pitam jos nesto.

u cemu je razlika izmedu HTML, xHTML , HTML5 i DHHTML

Learn to code | Codecademy Registruj se na tu stranicu i prođi njihov online kurs za HTML i CSS. Nauči češ osnove, to je dovoljno za početak. Kasnije nam se opet javi :slight_smile:

Hvala valjda ce pomoci :slight_smile:
I ako znas objasni razlike

HTML 5 ti je nova verzija HTML sa nekim novosti kao sto su integracija zvvuka, videa, slika i jos par stvari.

HTML ili HTML4 je prošla verzija ( mislim da sam u pravu ).

Eh za ove ostale sam čuo ali ne bih ti znao objasniti!

30 Days to Learn HTML & CSS - Free Tuts+ Premium Course

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

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]

 
  Ovo je tekst  
 
[/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.

E, koji klinac je ovaj   ?
To je zapravo - ništa.

Zašto se to koristi/lo, vidim da dreamweaver to ubacuje u kod, koja je svrha tog &nbsp-a ?

[quote=“dev_masta”]E, koji klinac je ovaj * ?
To je zapravo - ništa.

Zašto se to koristi/lo, vidim da dreamweaver to ubacuje u kod, koja je svrha tog *-a ?[/quote]
Probaj u html staviti ovo:

[HTML]

Text razmak

[/HTML]

i ovo:

[HTML]

Text          razmak

[/HTML]

  je non-breaking space.
Zamišljen je prvenstveno zato da se izrazi poput “10 kn” nebi prelomili u novi red baš između 10 i kn.
Koristi se i za dobivanje višestrukog razmaka jer u HTML-u se višestruki razmaci stapaju u jedan.

Ako pitaš za   u praznim ćelijama,

  sjećam se da je Netscape 4.7x (starije nisam koristio) imao čudan bug tako da nije prikazivao bgcolor tablice u praznim ćelijama.
Također, IE do ne znam koje verzije, nije prikazivao border praznih ćelija.

Naprimjer, u ovoj tablici
[HTML]

 
[/HTML] Netscape bi prvu ćeliju sa   ispravno prikazao crveno, dok bi druga ćelija bila bez boje, kroz drugu ćeliju bi se vidjela pozadina stranice. IE bi u toj tablici prikazao obje ćelije crveno, ali bi stavio border samo oko prve ćelije.

Najjednostavniji način da se prazna ćelija ispravno prikaže u svim browserima je - da ne bude prazna.
Kako običan razmak

ne pomaže, najjednostavnije je u praznu ćeliju staviti   (iako nema nikakve logike u tome).