Slike

Žal vstavljanje slik, kljub upoštevanju navodil, ne gre....... Sicer se pa zahvaljujem za vse. Marcijan Tanja
Slikce bom poslala na ta način.......

Hvala za poslano slikco, Tanja, zelo je lepa.

Poskušajte s pomočjo spodaj napisanega vstaviti sliko na spletno stran in pošljite .txt dstoteko s kodo kot priponko sporočilu, da jo skupaj pogledava. Kakršnokoli težavo imate, tukaj sem, da vam pomagam
Sploh pa, nima smisla obupati, ker vam gre veliko bolje, kot si mislite, samo malo prestroga ste do sebe

Za prikaz slike na spletni strani uporabimo značko img. Img je kratica za image (slov. podoba). Img značka je posebnost (tako kot meta značka), ki nima zaključne značke. Začne se z <img in konča z znakom >. Za prikaz uporabimo src atribut. S tem atributom pokažemo, kje na računalniku se slika nahaja, ali vpišemo spletni naslov.

PRIMER 1 (prikaz slike, ki jo imamo shranjeno na računalniku):
POMEMBNO! zapis velja, če se slika z imenom vrtnice.jpg nahaja v mapi slike in ta mapa (mapa slike) nahaja v isti mapi kot html dokument:
<img src="slike/vrtnice.jpg">
V primeru 1 v src atribut napišemo pot, kje na računalniku se slika nahaja, glede na pozicijo html dokumenta. Če imamo sliko shranjeno v isti mapi kot html, bi kodo napisali na naslednji način:
<img src="vrtnice.jpg">

PRIMER 2 (prikaz slike, ki se nahaja na spletnem naslovu):
<img src=" www.w3schools.com/w3css_templates.jpg ">

Poleg src atributa lahko uporabimo alt atribut, ki nam na zaslonu izpiše tekst (ki je napisan znotraj alt atributa), v primeru, da se slika na zaslonu ne prikaže (naloži).

PRIMER:
<img src="slike/vrtnice.jpg" alt="Vrtnice">

S pomočjo atributov width (slov. širina) in heigth (slov. višina), lahko določimo, v kakšni velikosti naj se slika prikaže. Vrednost teh dveh atributov vedno določamo v pikslih. Če teh dveh atributov ne določimo, se bo slika prikazala v njeni originalni velikosti. Velikost slike preverimo tako, da z desnim klikom na miški kliknemo na sliko, izberemo lastnosti (angl. properties) in zavihek podrobnosti (angl. details).

PRIMER:
<img src"slike/vrtnice.jpg" alt="Vrtnice" width="200" height="200">

Sporočite, kakršnekoli težave imate s prikazovanjem slike, kot želite. Vesela bom, da vam bom lahko pomagala.

Lep pozdrav,
Urška Majaron