HTML, CSS

Question 1

Što je WWW (World Wide Web) - Web?

Answer 1

Globalni, interaktivni, dinamični, raspodijeljeni, hipermedijski, informacijski sustav koji koristi Internet.

Question 2

Što je HTML?

Answer 2

HTML (Hypertext Markup Language) je jezik za opis sadržaja na WWW-u.

HTML služi samo za prikaz, NE za opis podataka, NITI za obradu podataka!

HTML definira:

• konačan broj oznaka i njihovu semantiku
• strukturu podataka unutar dokumenta

Question 3

Navedite neke od semantičkih oznaka (tags) iz HTML5 jezika.

Question 4

Što je to CSS?

Answer 4

CSS (Cascading Style Sheets) je norma Weba, definirao ju W3C.
Služi za vizualizacija sadržaja opisanog HTML-om.

Sintaksa CSS-a je skup pravila (definicija) koja govore kako pojedini elementi u dokumentu trebaju biti prikazani.

Svaku definiciju tvore

• selektor (HTML element koji se uređuje) i
• deklaracijski blok naveden u vitičastim zagradama

Deklaracijski se blok može sastojati od jedne ili više deklaracija
Deklaraciju čine naziv svojstva i vrijednost koja mu
se želi dodijeliti

Primjer:
selektor {svojstvo: vrijednost;
svojstvo: vrijednost; …}

Question 5

Navesti tri načina kako dodati CSS u HTML dokument.

Answer 5

Izvan dokumenta
- Zasebna datoteka referencirana iz dokumenta (Linked styles)

Unutar samog dokumenta

• Integriran u zaglavlje HTML dokumenta (Embedded styles)
• Umetnut izravno u “style” atribut nekog elementa (Inline styles)

Question 6

Navedite neke od semantičkih oznaka (tags) iz HTML5 jezika.

Question 7

Što je to CSS?

Answer 7

CSS (Cascading Style Sheets) je norma Weba, definirao ju W3C.

Služi za vizualizacija sadržaja opisanog HTML-om.

Question 8

Navesti tri načina kako dodati CSS u HTML dokument.

Answer 8

Izvan dokumenta
- Zasebna datoteka referencirana iz dokumenta (Linked styles)

Unutar samog dokumenta

• Integriran u zaglavlje HTML dokumenta (Embedded styles)
• Umetnut izravno u “style” atribut nekog elementa (Inline styles)

Question 9

Što su pseudo-razredi u CSS-u? Navesti par primjera.

Answer 9

Pseudo-razredi - posebna vrsta selektora za definiranje ponašanja nekih elemenata, ovisno o stanju u kojem se nalazi neki element

Primjer:

• a:link - je selektor za link u “normalnom” stanju
• a:visited - je selektor za posjećene linkove
• a:hover - je selektor za stanje kada je kursor pozicioniran na linku
• a:active - je selektor za aktivne linkove

Question 10

Što su pseudo-elementi u CSS-u? Navesti par primjera.

Answer 10

Pseudo-elementi - ne stiliziraju cijeli
element već samo neke njegove dijelove …
- first-line, first-letter

Ili umeću neki sadržaj prije/poslije
- before i after