e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

<img ... />

Atributi: alt | class | dir | height | id | ismap | longdesc | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | src | style | title | usemap | width | xml:lang
Starši: a | abbr | acronym | address | bdo | big | button | caption | cite | code | dd | del | dfn | div | dt | em | fieldset | h1 | h2 | h3 | h4 | h5 | h6 | ins | kbd | label | legend | li | object | p | q | samp | small | span | strong | sub | sup | td | th | tt | var
Uporaba: Po burni razpravi bo element ostal tudi v naslednji različici HTML. Sintaksa se bo spremenila. Vsak element bo lahko imel atribut src.

Sliko ali fotografijo vstavimo v HTML z značko <img />. Slika je vstavljena neposredno v besedilo (torej ne more biti neposredno v telesu dokumenta!). Ni nikakršnega preloma vrstice. Za morebitno pozicioniranje slike je potrebno uporabiti slogovne predloge.

Slika mora biti shranjena na datoteki v obliki GIF, JPG ali PNG. Značka <img /> je samostojna, kar pomeni, da nima svoje zaključne značke in ni zapisano kot: <img>...</img>. Značka ima nekaj pomembnih atributov:

src Relativni ali absolutni URL. Ta lastnost je obvezna. src je v bistvu okrajšava za "source" (vir). Vrednost lastnosti src je pravzaprav URL slike, ki jo želimo prikazati na spletni strani. Pri določanju imena datoteke, ki vsebuje sliko, veljajo ista pravila, kot pri določanju strani, ki jo naj pregledovalnik prikaže, ko uporabnik klikne na povezavo (atribut href značke <a>)
alt Atribut alt pove bralcu oz. uporabniku, ki si ogleduje kakšno stran, kaj v bistvu manjka tej spletni strani, če brskalnik ne more naložiti slike, ki je povezana s to stranjo. Brskalnik v tem primeru nadomesti sliko s tako imenovanim zamenljivim besedilom. Vsekakor je zelo dobro uporabiti alt z opisom za vsako sliko, ki se nahaja na kakšni spletni strani, da izboljšamo prikaz in ohranimo koristnost dokumenta, predvsem za ljudi, ki imajo le tekstovne brskalnike (npr. slepi imajo naprave, ki preberejo vsebino alt). V novejših brskalnikih se pojavi kot kratek opis slike, če z miško nekaj sekund počivamo na njej in če napis ni določen z atributom title. Po standardu je navedba te lastnosti obvezna.
width Širina slike v pikslih.
height Višina slike v pikslih. Če podani širina in višina ne ustrezata dejanski velikosti slike, bo pregledovalnik sliko ustrezno raztegnil ali skrčil. Če širine in višine ne podamo, pregledovalnik ne more rezervirati prostora za sliko, dokler slike ne dobi s strežnika. Uporaba atributov width in height je priporočljiva z navajanjem dejanske velikosti slike.

Primer

<img src="slike/sers.jpg" alt ="pasica" />

→ Primer slike
→ Primera slik z določeno širino in z določeno višino
→ Primeri z določeno višino in širino slike

SERŠ Maribor : Strokovna gimnazija : 2004 : Dejan Habe