e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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. |
<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