Vaja 4

V četrti vaji se boš naučil sliki spremenit velikost, ji dodati rob in spremeniti velikost roba in dodajati bloke.

Odpri mapo v kateri imaš vaje naredi novo mapo in jo poimenuj vaja4 v njo prilepi kodo iz vaje3 in nadaljuj programirat.

Za začetek si naloži to sliko drave Tukaj in uporabi to sliko v vaji.
Sliki določi velikost višina(50px) širina(75px) border(5) po sliki dodaj črto jo prebarvaj v črno in spreeni velikost na 2. Sliko dodaj v blok <div>.

Navodila:

  1. Značka div (vso ostalo kodo piši v blok NE KOT ARTRIBUT!)
  2. Slika drave (sredinska poravnava, height(50px), width(75px), border(5))
  3. Končaj značko div
  4. Črta (color(black))

Pomoč:

Slikam spremenimo velikost takoda z artributi označimo kaj želimo spremenit npr: <img src="..." height="x",width="x",border="x" >. height pomeni višina in tam ko je x daš poljubno število število je lahko zapisano v (px,cm,%) eanko velja za width kar pomeni širina za border se ponavadi napiše samo številka brez px,cm,%... Za bloke se uporablja značka <div> in značka se seveda konča. To značko lahko spreminjaš z CSS ali jo nadzoruješ z JAVA. Ampak pri tej nalogi bomo samo uporabli navadni artribut align="center"

Rešitev 4