Osnove HTML-a i CSS-a - Besplatan kurs
37 lekcije
HTML
-
Introduction to HTML
38min
Free
-
Working with Typography
1h:30min
Free
-
Working with MULTIMEDIA
56min
Free
-
Working with LINKS
44min
Free
-
Working with LISTS
47min
Free
-
Working with TABLES
34min
Free
-
Working with FORMS
1h:28min
Free
-
HTML 5 - Structuring content
1h:09min
Free
-
HTML 5 - Structuring content - CHALLENGE
4min
Free
-
HTML 5 - Structuring content - SOLUTION
24min
Free
Design
CSS
-
CSS Introduction - linking to HTML
34min
Free
-
CSS Debug tool
17min
Free
-
CSS selectors, pseudo-class and pseudo elements
55min
Free
-
CSS selectors and pseudo class - PRACTICE
9min
Free
-
CSS - Working with tipography
45min
Free
-
CSS - Working with fonts
34min
Free
-
CSS - Colors
30min
Free
-
CSS - BOX model
47min
Free
-
CSS - Display property
55min
Free
-
CSS - Float property
33min
Free
-
CSS - Images and Backgrounds
50min
Free
-
Display + Float practice
1h:53min
Free
-
CSS - Display + Float CHALLENGE
13min
Free
-
CSS - Display + Float SOLUTION
1h:28min
Free
-
CSS - Position property
22min
Free
-
CSS - Position practice
24min
Free
-
CSS - Flex
46min
Free
-
CSS Flex - PRACTICE
1h:10min
Free
-
CSS - Styling list
35min
Free
-
CSS - Styling table
13min
Free
-
CSS - Styling form
39min
Free
-
CSS - Animation
42min
Free
-
HTML + CSS Project
1h:52min
Free
HTML 5 - Structuring content
Ovaj čas posvećen je pravilnom struktuiranju i organizovanju HTML stranice. Do sada smo za grupisanje odredjenih elemenata u celinu koristili DIV tag. To je tag koji nema nikakvo značenje a služi samo za grupisanje blok i inline elemenata.
Sa razvojem HTML 5 dolaze i novi SEMANTIČKI tagovi. To su tagovi kao sto su H1-H6, STRONG, ili EM tag. Semantički tagovi su tagovi koji služe da grupišu više elemenata u jednu celinu , ali glavna odlika im je da daju značenje sadržaju koji se nalazi u njima.
Novi semantički tagovi su:
- header
- main
- footer
- nav
- article
- section
- aside
U toku predavanja pokazaću vam gde možete više da pročitate o ovim tagovima, a ja ću vam detaljno objasniti upotrebu svakog od njih i kako da ih pravilno koristite.
Naveća zabuna u upotrebi ovih tagova je izmedju ARTICLE i SECTION taga. Ja cu vam dati svoje vidjenje stvari, uputiću vas na neke materijle gde možete naći debate o upotrebi istih, pa shodno vasem zaključku možete ih koristiti. Važno je da kako god da ih koristite nećete napraviti grešku.
Srećno !!!