Osnove HTML-a i CSS-a - Besplatan kurs

37 lekcije

Uvod u kurs

HTML

Design

Figma - Manual

18min

Free

CSS

Working with TABLES

Na ovom predavanju biće obradjen rad sa tabelama. U samom začetku HTML, dok još nije postojao CSS deskriptivni jezik, tabele su bile veoma upotrebljavane. Pored osnovnog razloga - tabelarni prikaz podataka, tabele su se koristile i za layout, odnosno za raspored elemenata po HTML stranici. Naime ukoliko imate 2 blok elementa njihovo osnovno ponašanje je da zauzmu 100% i da kreću u novom redu. Nikako ih niste mogli podesiti da vizuelno u pretraživaču (brouser) budu prikazani jedan pored drugog.

Medjutim u današnje vreme, kada CSS dobija na snazi svakim danom, tabele se sve manje koriste. Trenutno je jedino razumno mesto da prikazete tabelu na HTML stranici ukoliko imate neke tabelarne podatke.

Na ovom času ću vam pokazati kako se u HTML kreira tabela, sta ona mora da ima od svojih elemenata i koje su dodatne funkcionalnosti koje možete postići.

U toku predavanja biće obradjeno nekoliko tagova koji su usko povezani sa tabelama:

table (atribut - border)
caption
tr
td (atribut - colspan, rowspan)
th (atribut - colspan, rowspan)
thead
tbody
tfoot

Materijali

Download material for lesson Download presentation of the lesson Download material after lesson

Osnove HTML-a i CSS-a - Besplatan kurs

Uvod u kurs

Working environment - LINUX

Working environment - WINDOWS

Working environment - Mac OS X

HTML

Introduction to HTML

Working with Typography

Working with MULTIMEDIA

Working with LINKS

Working with LISTS

Working with TABLES

Working with FORMS

HTML 5 - Structuring content

HTML 5 - Structuring content - CHALLENGE

HTML 5 - Structuring content - SOLUTION

Design

Figma - Manual

CSS

CSS Introduction - linking to HTML

CSS Debug tool

CSS selectors, pseudo-class and pseudo elements

CSS selectors and pseudo class - PRACTICE

CSS - Working with tipography

CSS - Working with fonts

CSS - Colors

CSS - BOX model

CSS - Display property

CSS - Float property

CSS - Images and Backgrounds

Display + Float practice

CSS - Display + Float CHALLENGE

CSS - Display + Float SOLUTION

CSS - Position property

CSS - Position practice

CSS - Flex

CSS Flex - PRACTICE

CSS - Styling list

CSS - Styling table

CSS - Styling form

CSS - Animation

HTML + CSS Project

Working with TABLES

Materijali