Slike

Več
pred 6 let 5 mesecev #33 od tmarci
Slike je ustvaril tmarci
Žal vstavljanje slik, kljub upoštevanju navodil, ne gre....... Sicer se pa zahvaljujem za vse. Marcijan Tanja
Slikce bom poslala na ta način.......
Attachments:

Prosim, Prijavada se pridružite pogovoru.

Več
pred 6 let 5 mesecev #47 od urska.majaron
Odgovoril urska.majaron na temo Slike
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

Prosim, Prijavada se pridružite pogovoru.

Moderatorji: urska.majaronvesna.trenchovska