Html relativno adresiranje : HTML vježba 4.2 : Bartol plus

Vježba 4.2

Vježba 4.2: HTML relativno adresiranje.zip

relativno adresiranje u odnosu na trenutnu mapu

Relativno adresiranje u odnosu na trenutnu mapu se može bez preinaka prenositi na web hosting. Također možete cijelu stablastu strukturu zajedno s datotekama premjestiti unutar bilo koje mape i tamo će ispravno raditi. Radi i pod Linuxom i na Windows OS.

Na radnoj površini načinite mapu Vjezba 4.
U mapi Vjezba 4 načinite stablastu strukturu mapa prema slici 4.2.1.
Preuzmite i raspakirajte .zip datoteku pomoću gornje poveznice.
Slike iz .zip datoteke premjestite u mapu predlozak.
Slika 4.2.1
U html editoru načinite tri datoteke: index.html, provjera4-2.html i vjezba4-2.html i pohranite ih u odgovarajuće mape.
U svakoj od datoteka umetnite osnovnu strukturu html dokumenta.
Dodajte potrebne <meta> i <title> elemente.
Radite po predlošcima sa slike 4.2.2, slike 4.2.3 i slike 4.2.4.
Slika 4.2.2
Slika 4.2.3
Slika 4.2.4
Pomoću svojstva style postavite boju teksta (engl. maroon) i pozadine (engl. ivory) web stranice, veličinu slova 120% i lijevu rubnicu 40px.
Koristite css svojstva color, background-color, font-size i margin-left.
Element <body> iz prethodnog zadatka izgleda:

<body style="color: maroon; background-color: ivory; font-size: 120%; margin-left: 40px;">

U svakoj od html datoteka umetnite:

Naslov <h1> zajedno s odgovarajućim tekstom.
Za adresiranje slika i datoteka koristite relativno adresiranje u odnosu na trenutnu mapu.
Kako relativno adresirati slike i html datoteke, pročitajte u članku:
Html relativno i apsolutno adresiranje [html]
Slikama dodijelite vrijednost svojstva alt.
Pomoću css svojstva float priljepite sliku uz lijevi rub.
Svojstvo style iz prethodnog zadatka izgleda:
```
<img style="float:left;" src=" ... />
```
Ispod slike umetnite simbolički popis <ul>. Ne trebate ništa dodatno činiti kako bi prikaz bio isti kao na slici!
Pomoću svojstva style, postavite vrijednosti lijeve i gornje rubnice (engl. margin) popisa i razmak između redaka (engl. line-height).
Svojstvo style iz prethodnog zadatka izgleda:

<ul style="margin-left: 280px; margin-top: 50px; line-height: 50px;">

Unutar dvije stavke popisa ugnijezdite poveznice na preostale dvije datoteke.
Preostala stavka popisa sadrži samo tekst.

Spremite html datoteke u odgovarajuće mape.
Otvorite ih u web pregledniku i provjerite je li prikaz ispravan i rade li poveznice.

Rješenje vježbe 4.2

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

Rješenje vježbe 4.2: HTML relativno adresiranje

Vježba - HTML relativno adresiranje

Vježba 4.2 - Cilj vježbe je naučiti koristiti relativno adresiranje u odnosu na trenutnu mapu, na primjeru relativnog adresiranja html dokumenata i slika.

Vježba 4.2

Rješenje vježbe 4.2

Naši pokrovitelji

Naša preporuka

Besplatne usluge: