Vježba 1.2 - Cilj vježbe je naučiti kako umetnuti html svojstva unutar html elementa.
HTML za početnike
Vježba 1.2
U html editoru kreirajte novu datoteku druga.html.
Umetnite osnovnu strukturu html dokumenta.
Dodajte potrebne <meta> i <title> elemente.
Slika 1.2
Unutar <body> elementa dodajte naslov <h1> s tekstom kao na slici 1.2. U početnu oznaku umetnite svojstvo id i dodijelite mu vrijednosti naslov.
Ispod naslova umetnite prvi podnaslov <h2> s odgovarajućim tekstom. U početnu oznaku umetnite svojstvo class i dodijelite mu vrijednosti boja1.
Osim svojstva klase u prvi podnaslov umetnite svojstvo title i dodijelite mu vrijednosti Plavetnilo.
Ispod podnaslova dodajte element odlomka s tekstom kao na slici.
U odlomku obojite riječ plavo plavom bojom (engl. blue).
U tome će vam pomoći strukturni linijski element <span>.
element <span>
Želite li oblikovati samo dio blok ili linijskog elementa, "omotajte" ga pomoću strukturnog linijskog elementa <span>. Elementu <span> dodajte css oblikovanja unutar svojstva style.
css svojstvo: color
Za promjenu boje teksta koristite css svojstvo color. Naziv css svojstva mora slijediti dvotočka :, a iza nje oznaka boje. Engleski naziv za plavu boju je blue.
Ispod odlomka umetnite drugi podnaslov <h2> s odgovarajućim tekstom. U početnu oznaku umetnite svojstvo class i dodijelite mu vrijednosti boja2.
Osim svojstva klase u drugi podnaslov umetnite svojstvo title i dodijelite mu vrijednosti Okućnica.
Ispod podnaslova dodajte element odlomka s tekstom kao na slici.
Obojite riječ maslačak naranđastom bojom (engl. orange).
Spremite datoteku u mapu Vjezba 1.
Otvorite html dokument druga.html u web pregledniku i provjerite radi li dobro: Je li prikaz isti kao na slici 1.2 i pojavljuje li se ispravan natpis, kada se miš nalazi iznad elementa kojem smo dodijelili svojstvo title.
Koliko <body> ima elemenata djece? A koliko potomaka?
Rješenje vježbe 1.2
Usporedite dobiveni kôd s kôdom rješenja Vježbe 1.2
