Začetna vaja 5. del

V petem delu vaj se boš naučil: ustvariti seznam, oblikovati sliko in ustvariti povezavo do datoteke.

V Notepadu odpri shranjeno spletno stran zacetnavaja.html.

NAVODILO:

  1. Dodaj seznam štirih slovenskih rek.

    2. Za začetek in konec seznama uporabi značko <ul>, ki ustvari neoštevilčen seznam (pika). Za posamezno vrstico seznama pa uporabi značko <li>.

  2. Črta.

  3. Poišči sliko Kolpe in jo shrani v mapo HTML.

  4. Vstavi sliko Kolpe in jo sredinsko poravnaj. Pomagaj si z odstavkom.

    5. Uporabiti moraš značko za sliko <img atributi>, ki ji dodaš ustrezen atribut. V našem primeru ime slike src=ime slike. Za sredinsko poravnavo uporabi značko za odstavek<p atributi>, ki ji dodaš ustrezen atribut. V našem primeru vrsto poravnave align=vrsta poravnave. Značko za odstavek moraš postaviti pred in za značko za sliko.

  5. Črta.

  6. Sliki spremeni višino in širino ter dodaj obrobo. (višina 20, širina 30, obroba 4)

    7. Znački za sliko <img atributi> moraš dodati ustrezne atribute: border=debelina obrobe, width=širina, height=višina.

  7. Pomanjšani sliki dodaj povezavo do slike shranjene v mapi HTML.

    8. Uporabiti moraš značko za povezavo <a atributi>, ki ji dodaš ustrezen atribut. Pot do shranjene slike na disku. Če se slika nahaja v isti mapi kot vaja, pa je dovolj, da zapišeš njeno ime in končnico href=ime slike. Značka za povezavo mora biti pred in za značko za sliko.

Stran shrani in si jo oglej s spletnim pregledovalnikom. Preveri ali se ujema s spodnjo rešitvijo.


Kako se pravilno uporabi katera značka ali atribut najdeš TUKAJ ali na spletni strani w3schools.

TUKAJ LAHKO PREVERIŠ, KAKO BI TVOJA SPLETNA STRAN MORALA IZGLEDATI.