Html slike i poveznice : HTML vježba 3.1 : Bartol plus

Vježba 3.1

Na radnoj površini načinite mapu Vjezba 3.
U mapi Vjezba 3 načinite podmapu slike.
Preuzmite i raspakirajte .zip datoteku pomoću gornje poveznice.
Slike iz .zip datoteke premjestite u mapu slike.
U html editoru kreirajte novu datoteku galerija-i-poveznice.html.
Umetnite osnovnu strukturu html dokumenta.
Dodajte potrebne <meta> i <title> elemente.
Slika 3.1
Radite po predlošku sa slike 3.1.
Pomoću svojstva style obojite pozadinu cijele web stranice u boju slonovače (engl. ivory). Koristite css svojstvo background-color.
U <body> elementu povećajte veličinu teksta (engl. font-size) na 125% radi ljepšeg izgleda.
Element <body> iz prethodnog zadatka izgleda:

<body style="background-color: ivory; font-size: 125%;">

Između susjednih slika umetnite prozirnu sliku: invisible.png i postavite njezinu širinu na 30px. Svojstvu alt dodajte tekst Prozirni png. Na taj način ćete dobiti razmak između slika širine 30px.
Slike poravnajte po sredini stranice. U <div> elementu unutar kojih ste ugnijezdili slike umetnite svojstvo style i dodajte css oblikovanje: text-align: center;.
css svojstvo: text-align
Pomoću css svojstva text-align možete vodoravno poravnati tekst, ali i sadržaj blok elemenata. Svojstvu možete dodijeliti vrijednosti: left, center, right ili justify.
Umetnite vodoravne crte na predviđena mjesta, širine 80%.
Dodajte drugi podnaslov <h2> s pripadajućim tekstom.
Umetnite numerički popis s dvije stavke: Tražilice i Web dizajn.
Ispod stavke Tražilice, umetnite simbolički popis. Unutar pojedine stavke <li> ugnijezdite poveznice:

Ispod stavke Web dizajn, umetnite simbolički popis. Unutar pojedine stavke <li> ugnijezdite poveznice:

Spremite datoteku u mapu Vjezba 3.
Otvorite html dokument galerija-i-poveznice.html u web pregledniku i provjerite radi li dobro, tj. je li prikaz isti kao na slici 3.1.

Usporedite dobiveni kôd s kôdom rješenja Vježbe 3.1

Rješenje vježbe 3.1: Html galerija i poveznice