Tutorial za HTML i CSS za početnike

Osnove HTML-a

Uvod HTML jezik HTML tagovi Atributi Stilovi Osnovna struktura stranice Osnovni tagovi Pasusi Naslovi Isticanje teksta podebljano Isticanje teksta kurzivom Neuređene liste Uređene liste Linkovi Unutrašnji linkovi Slike Širina slike Visina slike Podešavanje širine i visine slike Tabele Širina i visina tabele Ćelije-naslovi Praktikum

Osnove CSS-a

Uvod u CSS Kako se radi sa CSS-om Vrednosti za boju Bilo koje boje Širina i visina Poravnanje teksta Poravnanje teksta udesno Centriranje teksta Poravnanje teksta ulevo Poravnanje teksta istovremeno udesno i ulevo Vežba na poravnanje teksta Zadebljanje (bold) Kurziv Veličina fonta Familija fonta Međulinijski razmak (line height) Vrednost line-height bez jedinica Svojstvo-skraćenica font Uvlačenje prvog reda teksta (crveni red) Efekti na tekstu Podvlačenje teksta Nadvlačenje teksta Precrtavanje teksta Poništavanje efekata za tekst Praktikum

Selektori

Srodničke veze tagova Nasleđivanje svojstava Grupisanje selektora Zajednička svojstva Selektori potomaka Selektor direktnog deteta Selektor klase Tag span Tag div Grupisanje klasa Tag sa zadatom klasom Selektor potomaka i klase Složene kombinacije selektora potomaka i klasa Greška početnika u selektoru potomaka Element sa više klasa Selektor po id-u Selektor po id-u i klase Korišćenje id-a Selektor po više klasa Više selektora spojeno Greška "više selektora" Grupisanje složenih selektora Greška pri grupisanju Treniranje kombinacija selektora Prioritet selektora Napomena o konfliktu svojstava Pravila specifičnosti Prioritet selektora potomaka Susedni selektor Selektor braće i sestara Univerzalni selektor Selektori atributa Stanja linkova Nijanse sekvence stanja linkova Stanja link i visited Uobičajeno korišćenje stanja linkova Složeni selektori sa linkovima Link sa klasom Selekcija krajnjih elemenata Selekcija po poziciji Selekcija jedinog deteta Selekcija praznih elemenata Selekcija po poziciji i tipu elemenata Negacija not

Dekoracija

Boja pozadine Osnove rada sa granicama Puna granica Tačkasta granica Isprekidana granica Izvijen rub (ridge) Dvostruka granica Svojstvo-skraćenica za granicu Granice za različite strane Zaobljavanje ivica bloka Zaobljavanje ivica pozadine Kreiranje kruga Zaobljavanje za različite uglove Četiri vrednosti Dve vrednosti Tri vrednosti Zaobljavanje u procentima Kreiranje kruga pri zaobljavanju u procentima Slika za pozadinu Ponavljanje pozadinske slike Druga svojstva za pozadinu Markeri listi ul Kvadratni markeri listi ul Markeri listi ul u obliku krugova Markeri listi ul u obliku popunjenih krugova Odsustvo markera listi ul Markeri listi ol Mali rimski brojevi za liste ol Veliki rimski brojevi za liste ol Mala latinična slova za liste ol Velika latinična slova za liste ol Mala grčka slova za liste ol Brojevi sa nulom ispred za liste ol

Blok model

Spoljni odstup margin Odstupi margin za različite strane Više vrednosti u margin Četiri vrednosti u margin Dve vrednosti u margin Tri vrednosti u margin Unutrašnji odstup padding Odstupi padding za različite strane Više vrednosti u padding Proširenje elemenata Uticaj granice na proširenje elemenata Zajednički uticaj padding i granice na proširenje elemenata Otkazivanje proširenja elemenata Blok elementi Širina i visina blok elementa Širina blok elementa Visina blok elementa Visina bez sadržaja Više blok elemenata jedan pored drugog Redni (inline) elementi Širina i visina rednog (inline) elementa Više rednih (inline) elemenata jedan pored drugog Odstupi između rednih (inline) elemenata Definicija blok modela Svojstvo display Redno-blok (inline-block) elementi Širina i visina redno-blok (inline-block) elementa Širina redno-blok (inline-block) elementa Visina redno-blok (inline-block) elementa Više redno-blok (inline-block) elemenata jedan pored drugog Poravnanje blok elemenata Poravnanje blok elementa sa odstupom levo Poravnanje blok elementa sa odstupom desno Poravnanje rednih (inline) elemenata Centriranje rednih (inline) elemenata Centriranje više rednih (inline) elemenata Poravnanje rednih (inline) elemenata po desnoj ivici Poravnanje redno-blok (inline-block) elemenata Centriranje redno-blok (inline-block) elemenata Poravnanje redno-blok (inline-block) elemenata po desnoj ivici Flex elementi Visina roditelja flex elemenata Širina roditelja flex elemenata Redno-blok (inline-block) roditelj Odstupi padding roditelja Odstupi margin potomcima Poravnanje flex elemenata Poravnanje flex elemenata po centru Poravnanje flex elemenata duž roditelja Poravnanje flex elemenata duž roditelja sa odstupima Poravnanje flex elemenata duž roditelja sa jednakim odstupima

Pozicioniranje

Apsolutno Relativno Apsolutno u odnosu na roditelja Apsolutno u odnosu na apsolutno Apsolutno bez koordinata Centriranje pomoću absolute Negativne vrednosti za absolute Fiksno pozicioniranje Blok na celu širinu ekrana Slojevi elemenata na Z osi Regulisanje slojeva elemenata na Z osi Nijanse korišćenja negativne vrednosti za z-index

Plutajući elementi (Floats)

Uvod u svojstvo float Svojstvo float i tagovi Kombinacija float i margin Kombinacija float i padding Plutajući elementi ispod tagova Dejstvo float elemenata na roditelja Visina roditelja float elemenata Tekst u roditelju float elemenata Obtekavanje Poništavanje obtekavanja (Clearing) Zaseban div sa clearfix-om Visina roditelja i clearfix Svojstvo float za blokove Svojstvo float i više blokova Svojstvo float i roditelj bez teksta

Fleksboks

Postavljanje u red ili kolonu Postavljanje fleks elemenata u obrnutom redu Postavljanje fleks elemenata u kolonu Okretanje kolone sa fleks elementima Glavna i poprečna osa Poravnanje duž glavne ose Poravnanje duž poprečne ose Vrednost center svojstva align-items Centriranje bez visine blokova Centriranje sa različitom visinom blokova Vrednost stretch svojstva align-items Praktikum na poravnanje duž osa Poravnanje pojedinačnog elementa Redosled fleks blokova

Gridovi

Uvod u gridove Tragovi i linije Prikaz u debuggeru Kolone Jedinica fr Razlomci fr Pikseli i fr Procenti i fr Funkcija repeat Vrednost auto Vrednost auto-fill Funkcija minmax Vrednost auto-fit Redovi Skraćenica za redove i kolone Kombinovanje redova Kombinovanje kolona Kombinacije spajanja Preklapanje kolona Razmak između kolona Razmak između redova Razmak između kolona i redova Pločice

Maketi

Kreiranje menija Jednostavni jednokolonski maketi sajtova Šema maketa sa više omotača Strukturni blokovi sajta Šema dvokolonskog maketa Šema trokolonskog maketa sajta Specijalne oznake za elemente maketa sajta Osnovne oznake maketa Oznaka za sekcije Praktikum na maketima
↑
Srpski▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Koristimo kolačiće za rad sajta, analitiku i personalizaciju. Obrada podataka se vrši u skladu sa Politikom privatnosti.
prihvati sve podesi odbij