Html tri stranice : HTML vježba 3.2 : Bartol plus

Vježba 3.2

Na radnoj površini načinite mapu Vjezba 3.
Preuzmite i raspakirajte .zip datoteku pomoću gornje poveznice.
Mapu slike iz .zip datoteke premjestite u mapu Vjezba 3.
U html editoru kreirajte tri nove datoteke: janko.html, stanko.html i anka.html.
U svokoj od datoteka umetnite osnovnu strukturu html dokumenta.
Dodajte potrebne <meta> i <title> elemente.
Slika 3.2.1
Slika 3.2.2
Slika 3.2.3
Radite po predlošcima sa slike 3.2.1, slike 3.2.2 i slike 3.2.3.
Pomoću svojstva style obojite pozadinu cijele web stranice u boju slonovače (engl. ivory). Koristite css svojstvo background-color.
Element <body> iz prethodnog zadatka izgleda:
```
<body style="background-color: ivory;">
```
Kako relativno adresirati slike, pročitajte u članku:
Html relativno i apsolutno adresiranje [html]
U svakoj od html datoteka umetnite:

Naslov <h1> i dva podnaslova <h2> zajedno s odgovarajućim tekstom prema slici.
Tri slike, od kojih jedna ima tamnu pozadinu. Ime te slike ima dodatak -off (npr. janko-off.png). Ona nije poveznica, nego oznaka da je ta datoteka trenutno otvorena.
Preostale dvije slike služe kao poveznice i imaju dodatak -on (npr. slika stanko-on.png služi kao poveznice na datoteku stanko.html).
Slikama dodajte odgovarujuću vrijednost svojstva alt: Janko, Stanko ili Anka.
Umetnite dva ili tri odlomka teksta kako je prikazano na pojedinoj slici. Potrebni tekstovi se nalazi u datotekama: janko.txt, stanko.txt ili anka.txt. Ove datoteke se nalaze u .zip datoteci.
Dodajte vodoravnu crtu širine 70% iza prvog odlomka teksta
Ispod crte dodajte tri slike. Ime slike je povezano s tekstom prvog podnaslova <h2>
Za podnaslov Proljeće slike su: proljece-1.jpg, proljece-2.jpg i proljece-3.jpg. Širinu ovih slika postavite na 250px.
Slikama dodajte odgovarajuću vrijednost alt svojstva. Vrijednost svojstva samostalno odaberite u skladu sa sadržajem prikazanim na slici.

Spremite datoteke janko.html, stanko.html i anka.html u mapu Vjezba 3.
Otvorite ih u web pregledniku i provjerite radi li dobro, tj. je li prikaz isti kao na slikama i rade li poveznice.

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

Rješenje vježbe 3.2: Html - Tri stranice