U html editoru kreirajte novu datoteku oblikovanje.html.
Umetnite osnovnu strukturu html dokumenta.
Dodajte potrebne <meta> i <title> elemente.
Slika 2.1
Radite po predlošku sa slike 2.1.
Pomoću svojstva style obojite pozadinu cijele web stranice u boju slonovače (engl. ivory). Koristite css svojstvo background-color.
css svojstvo: background-color
Za promjenu boje pozadine koristite css svojstvo background-color. Naziv css svojstva mora slijediti dvotočka :, a iza nje oznaka boje. Engleski naziv za boju slonovače je ivory.
U <body> elementu povećajte veličinu teksta (engl. font-size) na 125% radi ljepšeg izgleda.
Ispod naslova umetnite prvi podnaslov <h2> s tekstom HTML oblikovanje.
Ispod njega oblikujte tekst sa slike unutar niza odlomaka.
Ispod niza odlomaka umetnite drugi podnaslov <h2> s tekstom Oksidacija.
Napomena: Kemijske formule umetnite korištenjem elemenata za prikaz teksta u indeksu i eksponentu. Koristite svojstvo style unutar <span> elementa za određivanje boje dijela teksta.
Primjer elementa <span> za promjenu boje teksta Cr u plavu:
<span style="color: blue;">Cr</span>
Kako umetnuti oznaku simbola strjelice prema desno? Slijede upute u nastavku vježbe.
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 crvenu boja je red, a za plavu boju je blue.
oznake simbola
Oznake grafičkih simbola u tekstu počinju znakom &, a završavaju znakom točka-zarez ;. Kao oznaku simbola strjelice prema desno koristite: → (engl. right arrow).
Spremite datoteku u mapu Vjezba 2.
Otvorite html dokument oblikovanje.html u web pregledniku i provjerite radi li dobro, tj. je li prikaz isti kao na slici 2.1.
Rješenje vježbe 2.1
Usporedite dobiveni kôd s kôdom rješenja Vježbe 2.1
