Osnove weba

HTML

HTML je kratica za HyperText Markup Language, što znači prezentacijski jezik za izradu web stranica. Hipertekst dokument stvara se pomoću HTML jezika. HTML jezikom oblikuje se sadržaj i stvaraju se hiperveze hipertekst dokumenta. HTML je jednostavan za uporabu i lako se uči, što je jedan od razloga njegove opće prihvaćenosti i popularnosti. Svoju raširenost zahvaljuje jednostavnosti i tome što je od početka bio zamišljen kao besplatan i tako dostupan svima.

Prvi javno dostupan opis HTML-a je dokument zvan HTML tags (oznake), prvi put se spominje na internetu od strane Tim Berners-Leeja krajem 1991. Taj opis se sastoji od 20 elemenata početnog, relativno jednostavnog dizajna HTML-a. Trinaest tih elemenata još uvijek postoji u HTML4.

Semantičke oznake

Semantičke HTML oznake su one oznake koje jasno definiraju svrhu i sadržaj određenih dijelova web stranice. One pomažu preglednicima, tražilicama i tehnologijama asistivnog pristupa da razumiju strukturu i značenje sadržaja. Primjeri semantičkih oznaka uključuju < header >, < footer >, < article >, i < nav >, među ostalima. html

CSS

CSS je kratica za Cascading Style Sheets. Radi se o stilskom jeziku, koji se rabi za opis prezentacije dokumenta napisanog pomoću markup (HTML) jezika. CSS-om se uređuje sam izgled i raspored stranice. Kako se web razvijao, prvotno su u HTML ubacivani elementi za definiciju prezentacije, ali je dovoljno brzo uočena potreba za stilskim jezikom koji će HTML osloboditi potrebe prikazivanja sadržaja (što je prvenstvena namjena HTML-a) i njegovog oblikovanja (čemu danas služi CSS). Drugim riječima, stil definira kako prikazati HTML elemente. CSS-om se uređuje sam izgled i raspored stranice.

css

Blok i linijski elementi

Razlikovanje linijskih i blok elemenata posebno je važno za vizualno oblikovanje web stranice. Linijske elemente web preglednik smješta na prvo slobodno mjesto u roditeljskom elementu. Blok elementi za razliku od linijskih uvijek počinju u novom retku. Blok element ne možemo umetnuti unutar linijskog elementa, dok linijski element možemo staviti unutar blok elementa.

Klase i ID selektori

Selektor identifikatora koristimo pri definiranju svojstava samo jednog elementa. Selektor identifikatora se odnosi na HTML element kojemu je vrijednost svojstva id jednaka nazivu selektora.
Za razliku od selektora identifikatora, selektor klase koristimo za definiranje svojstava više elementa unutar html dokumenta. Pomoću selektora klase definiramo svojstva svih HTML elemenata u kojima je vrijednost svojstva class jednaka nazivu selektora.