LV07 HTML liste i tablice

Vježba 7: Liste i tablice

Nika Bevanda, Bruno Blašković 3.C

 

 

PRIPREMA ZA VJEŽBU

  1. Što omogućuju liste? Koje dvije osnovne vrste lista razlikujemo?

Liste omogućuju organizirano prikazivanje elemenata u strukturiranom formatu, što olakšava čitanje i navigaciju kroz sadržaj. Dvije osnovne vrste lista su:

  • Neuređene liste (unordered lists) – koriste simbole poput točaka, kružića ili kvadrata ispred stavki.
  • Uređene liste (ordered lists) – koriste brojeve ili slova za redoslijed stavki.

 

 

  1. Što omogućuju tablice?

Tablice omogućuju prikaz podataka u obliku redaka i stupaca, što olakšava usporedbu informacija i organizaciju složenijih podataka.

 

 

 

 

IZVOĐENJE VJEŽBE

  1. Liste
  • Istražite koje vrijednosti može imati atribut list-style-type kod neuređenih lista osim navedenog “none”. Primijenite te vrijednosti i uočite kako izgledaju te oznake na stranici u pregledniku.

– disc – zadana vrijednost, prikazuje oznake u obliku punih krugova

– circle – prikazuje oznake u obliku kružića s otvorenom sredinom

– square – prikazuje oznake u obliku kvadratića

  

 

  • Napravite stranicu na kojoj će biti tekst recepta za vama ukusno jelo. Tekst mora sadržavati naslov, sliku, neuređenu listu namirnica sa količinama, uređenu listu postupaka izrade jela, te najmanje tri poveznice na druge recepte za to isto jelo.
  • Napravite stranicu na kojoj ćete kreirati ugnježđenu listu popisa slojeva OSI modela sa po pet značajnih protokola za svaki sloj. Nazivi slojeva trebaju biti uređena lista, a nazivi protokola neuređena.

 

  • Napravite stranicu na kojoj ćete kreirati opisnu listu deset najpopularnijih programskih jezika. U opisu programskog jezika treba u rečenici ili dvije biti njegovo područje primjene i kategorizacija (skriptni, za označavanje i sl.). Dodatno na kraju stranice treba biti navedena poveznica na stranicu koja je poslužila kao izvor podataka.
  • Istražite kako se pomoću atributa type može promijeniti način označavanja uređene liste, te kako se može promijeniti i kontrolirati raspon označavanja. Zabilježite naučeno.

Kombinacijom atributa type, start, i reversed možemo prilagoditi izgled i raspon oznaka u uređenu listu u HTML-u: type za oblik oznaka (brojevi, slova, rimski brojevi), start za postavljanje početne oznake, reversed za obrnuto brojenje

  1. HTML tablice
  • Napravite web stranicu sa dvije tablice (možete odabrati AB ili BA tjedan):
    • Prva tablica: prikazuje raspored sati tako da svaki sat ima svoje polje u tablici