VJEŽBA 5: Sintaksa i osnovni elementi HTML-a
CILJ VJEŽBE: Učenik će moći opisati proces stvaranja i oblikovanja dokumenata, nabrojiti osnovne elemente html-a <html>, <body>, <head>, <p>,<h1>,<h6>,<br>,<b>,<hr>,<i>, primijeniti osnovne elemente html za prikaz web stranice, ispravno upotrebljavati sintaksu html dokumenta, otvarati, podešavati i spremiti html dokument.
PRIPREMA:
1. Objasnite kraticu html. Za što se koristi taj jezik?
Hyper Text Markup Language - standardni markup jezik koji je namijenjen kreiranju web stranica.
2. Što se pomoću html-a opisuje i što on govori pregledniku?
HTML opisuje strukturu web stranice, te se sastoji od različitih elemenata koji browseru govore kako prikazati određeni sadržaj.
3. Nabrojite pet editora html-a koji se mogu koristiti za stvaranje web stranica. Kako obično nazivamo osnovnu html stranicu?
- Notepad++, Tryit editor, CoffeCup, NetBeans, Adobe Dreamweaver CC
- osnovna html stranica naziva se homepage
VJEŽBA:
ZADATAK 1. Osnovni dijelovi html dokumenta
A. Ispuni tablicu
B. Skicirajte osnovnu strukturu HTML stranice.
C. Objasnite čemu u html elementima služe atributi i gdje se pišu.
U html-u atributi služe za postavljanje dodatnih informacija o elementima.
D. Istražite i objasnite kako se u pregledniku može vidjeti html kod neke web stranice (bar dva načina).
Kako bi vidjeli kod stranice potrebno je pritisnuti Desni klik te zatim Provjeri opciju ili možemo pritisnuti kombinaciju tipki CTRL + U.
ZADATAK 2. HTML elementi
A. Što podrazumijeva pojam ugnježđivanje html elemenata? Navedite primjer.
Ukoliko se u kodu primjenjuje više elemenata potrebno je ugnjezditi elemente kako se oni ne bi preklapali.
B. Čemu služi element <br>? Što znači da je to prazan element
<br> - element koji označava prelazak u novi red. Ovaj element se naziva prazan element i nema završnu oznaku.
C. Što preglednik automatski dodaje kod pisanja zaglavlja?
Preglednici automatski dodaju marginu prije i nakon zaglavlja.
D. Zašto je važno koristiti elemente zaglavlja?
Elemente zaglavlja važno se koristi kako bi ostvarili organiziranost i preglednost stranice.
E. što preglednik automatski dodaj kod korištenja elemenata <p>?
Također, preglednik automatski dodaje marginu prilikom korištenja elementa pharagraph.
F. Čemu služi i kako se ispisuje <hr> element?
<hr> - element koji označuje prekid određenog dijela na HTML-u.
G. Objasnite <pre> element.
Ovaj element označava preformatirani tekst tj tekst se prikazuje sa zadanim razmakom.
ZADATAK 3. Atribut style
A. Ispunite tablicu.
ZADATAK 5. Praktičan rad.
Napravite web stranicu odabranog pjesnika, pjevača ili grupe. Web stranica sadrži:
1. Nekoliko detalja iz života (mali članak od nekoliko odlomaka, na hrvatskom jeziku)
2. Naslove i tekstove tri odabrane pjesme (može biti i na stranom jeziku)
!!!!!!LINK NA DATOTEKE IZ OVE VJEŽBE!!!!!!
