Slika ni samo vstavljena neposredno v besedilo. Brskalniku se pove njegovo ime in navede, kje in kako ga postaviti na zaslon. Če želite to narediti, uporabite eno samo oznako HTML img. Določa lokacijo grafičnega predmeta na spletni strani.
Če je veliko atributov izbirnih za oznake, mora oznaka img imeti vsaj en parameter – naslov slike. Ta atribut se imenuje src:
- - to bo prikazalo datoteko goat.jpg, shranjeno v trenutnem imeniku;
- - s tem parametrom oznake img bo brskalnik naložil sliko, objavljeno na internetu na spletnem mestu megasellmag.ru.
Atributi poravnave
Za umestitev slik na stran z uporabo HTML-ja se uporablja oznaka img, katere atributi so odgovorni za umestitev slike na stran in naravo njenega ovijanja besedila.
Privzeto brskalnik postavi sliko na sredino zaslona, besedilo pa se ne ovije okoli nje. Oznaka img vam bo omogočila, da izrazite svoje nestrinjanje z brskalnikom z uporabo atributa align (alignment).
- slika bo postavljena na levi rob strani, besedilo pa jo bo obkrožilo na desni.
Obnašanje besedila bo podobno, če je slika postavljena na desno (poravnaj=desno), na sredino (poravnaj=sredina), zgoraj (poravnaj=zgoraj), spodaj(poravnava=dno) in sredina (sredina).
Nastavitve in velikosti
Da bi preprečili, da bi besedilo lezlo v slike, je oznaka img pridobila posebna atributa -hspace (vodoravni/vodoravni robovi) in vspace (navpični/navpični robovi), ki določata količino zamika besedila od robov slik v slikovnih pik.
Slika se ne bo le ubogljivo odmaknila od besedila za določeno količino, ampak se bo odmaknila tudi od roba strani, zato se je najbolje izogniti velikim zamikom.
Zelo pomembne so geometrijske dimenzije slik, ki jih za pravilen prikaz slike ni le zaželeno, ampak včasih preprosto potrebno določiti. Za to se uporabljata atributa širina (širina) in višina (višina), katerih vrednost je nastavljena v slikovnih pikah ali odstotkih.
Če določite samo širino, bo višina izbrana samodejno z izvirnimi razmerji. Odstotne velikosti vam omogočajo, da sliko postavite v desni del strani, ne glede na velikost okna brskalnika, kar se pogosto pojavi.
Druge možnosti
Atribut obrobe zapre sliko v okvir določene debeline, česar brskalnik privzeto ne naredi.
Obroba ima lahko tudi na videz nesmiselno ničelno širino (border='0'), vendar to traja, dokler slika ne postane povezava, ko jo brskalnik samodejno obkroži z modro obrobo, ne da bi čakal na navodila.
Nekateri nestrpni uporabniki, jezni zaradi nizkih internetnih hitrosti, bodo preprosto onemogočili prikaz slik. Za takšne primere je na voljo parameter alt, ki vam omogoča vnos alternativno besedilo, ki ga bo uporabnik videl v polju, kjer se slika mudi z nalaganjem.
Če vam niso všeč možnosti parametra alt, lahko oznaka img ponudi atribut longdesc, katerega vrednost je URL dokumenta s podrobnejšim opisom.
Atributa usemap in ismap povesta brskalniku, da bo slika slika, v kateri so hiperpovezave ločena območja (karta povezav), le parameter usemap določa navigacijski zemljevid na strežniku, ismap pa - zemljevid na na strani stranke.
Opis povezave 1 na spodnji sliki:
Eksotični artikli
Atribut lowsrc naroči brskalniku, naj najprej prenese kopijo (ali drugo alternativo) izvirne slike nižje kakovosti in zato "lažje". Ta trik je na voljo v primeru nizke internetne hitrosti za uporabnika. Izvirna slika, ko je naložena, nadomesti "ponarejeno".
Manj pogosto uporabljen atribut galleryimg oznake img prikliče nadzorno ploščo slike (ko jo premaknete nad), kar vam omogoča, da odprete privzeto mapo Moje slike in sliko natisnete, shranite ali pošljete po e-pošti. Ploščo lahko onemogočite tako, da parameter galleryimg nastavite na ne/false, in ga omogočite z nastavitvijo yes/true.
V novi specifikaciji HTML5 imajo številne oznake nekatere parametre opuščene. Na primer, atributi lowsrc, border, longdesc in name za img so bili umaknjeni.
