Upravitelj slike - oznaka img

Slika se ne vstavlja neposredno v besedilo. Brskalniku je povedal njeno ime in označuje, kje in kako urediti na zaslonu. Če želite to narediti, uporabite en sam img-tag oznake. Določa lokacijo grafike na spletni strani.

Če se številni atributi za oznake načeloma ne zahtevajo, mora oznaka img imeti vsaj en parameter - naslov slike. Ta atribut se imenuje src:

• < img src = `goat.jpg`> - na tem mestu se prikaže datoteka goat.jpg, ki je shranjena v trenutnem imeniku;
• < img src = "http: megasellmag.ru/design/images/Shape5.jpg"> - z možnostjo tag prenosa img brskalnik slik na objavljene na internetu na megasellmag.ru mestu.

Atributi poravnave

Če želite položiti slike na strani z uporabo HTML, se uporabi oznaka img, katere lastnosti so odgovorne za postavitev slike na stran in naravo njenega pretoka okoli besedila.

Privzeti brskalnik ima sliko v središču zaslona, ​​njeno besedilo pa se ne zavije. Oznaka img vam omogoča, da izrazite svoje nesoglasje z brskalnikom s pomočjo atributa poravnave.

< img src = `goat.jpg` align = `left`> - slika se bo nahajala na levem robu strani, besedilo pa bo obrnjeno na desni.

Podobno bi obnašanje besedila, če je slika na desni strani (align = desno), srednja (align = sredini), vrh (align = vrh), dno (align = dno) in center (center).

Indentacija in velikostni parametri

Da bi bilo besedilo na sliki ni obiskal, IMG tag dobil spetsialnymiatributami -hspace (vodoravno / horizontalno polje) in vspace (vertikalno / navpično polje), določa znesek zamika besedila iz slike robov, v pikslih.

< img src = `goat.jpg` align = `levo` vspace = `15 `hspace =` 30 `>

Slika se ne bo ubogajno odmaknila od besedila samo za določeno količino, temveč se bo premaknila tudi od roba strani, zato je bolje, da se izognete velikim urezom.

Zelo pomembne so geometrijske dimenzije slik, ki niso le zaželene, včasih pa jih je treba navesti le za pravilen prikaz slike. Za to so nastavljeni atributi širine in višine, katerih vrednost je podana v pikih ali odstotkih.

< img src = `goat.jpg` širina = `625` višina = `450`>

Če določite samo širino, se višina samodejno ujema s prvotnimi razmerji. Mere, določene v odstotkih, vam omogočajo, da postavite sliko v desnem delu strani, ne glede na to velikost okna brskalnik, in ta potreba pogosto nastane.

Drugi parametri

Atribut meje obdaja sliko v okvir določene debeline, ki jo brskalnik ne privzeto privzame.

< img src = `goat.jpg` width = `500` height = `360` border = `5`>

Okvir ima lahko na videz nesmiselna nič debelino (border = "0"), vendar je tako dolgo, kot je slika ni povezava, brskalnik samodejno obvedet svojo modro okvir, ne da bi čakali na navodila.

< a href = `megasellmag.ru`>< img src = `images / opana.jpg` width = `250` višina = `250`>< / a>

Nekateri nestrpni uporabniki, ki so besni zaradi nizke hitrosti interneta, preprosto onemogočijo prikazovanje slik. V takih primerih je zagotovljen parameter alt, ki omogoča vnos alternativnega besedila, ki ga bo uporabnik videl v kvadratku, kjer se slika v naglici naloži.

Če vam ni všeč možnost parametra alt, lahko oznaka img ponudi atribut longdesc, katerega vrednost je URL dokumenta z natančnejšim opisom.

Lastnosti usemap ismap in povem brskalnik, da bo slika risba, na kateri so hiperpovezave ločenih območjih (Reference Card), le usemap parameter določa navigacijsko karto na strežniku, in ismap - zemljevid na strani odjemalca.

< img src = `Quad_Band_Phone.jpg` width = `145` height = `126` alt = `Mobilni telefoni` usemap = `# telefoni`>

Opis povezave 1 na spodnji sliki:

< img src = `img / map.jpg` width = `328` višina = `236` border = `0` usemap = `# Dvostok`> < map name = `Primorye`>

< Območje oblika = `rect` Coords = `60, 20,110,50,105,80,35,80 "href = `Lsd022_1.html` target = `_ blank` alt = `Lesozavodsk`>

Egzotični predmeti

Atribut lowsrc navodila brskalniku, da najprej naloži kopijo (ali drugo možnost) izvirne slike z nižjo kakovostjo in s tem bolj "enostavno". Ta trik je zagotovljen za primer nizke hitrosti interneta za uporabnika. Izvirna slika, naložena, nadomesti "ponaredek".

To se pogosto ne uporabljajo galleryimg img tag atribut povzroča nadzorno sliko plošče (če ste hover nad njim), ki vam omogoča, da se odpre privzeto mapo "Moje slike" in tiskanje, shranjevanje ali pošiljanje slike po e-pošti. Panel lahko onemogočite tako, da nastavite galleryimg na ne / false in ga omogočite tako, da nastavite da / true.

V novi specifikaciji HTML5 so nekateri parametri postali zastareli. Torej, img pripisuje lowsrc, border, longdesc in ime se pošlje v upokojitev.