Správce obrázků - img tag

Obraz není vložen přímo do textu. Prohlížeč je informován o svém jménu a uvádí, kde a jak se má na obrazovce uspořádat. Chcete-li to provést, použijte jednu img HTML značky. Určuje umístění grafiky na webové stránce.

Pokud se v principu nepožaduje mnoho atributů pro značky, pak značka img musí mít alespoň jeden parametr - adresu obrázku. Tento atribut se nazývá src:

• < img src = `goat.jpg`> - na tomto místě se zobrazí soubor goat.jpg, který je uložen v aktuálním adresáři;
• < img src = `http: megasellmag.ru/design/images/Shape5.jpg`> - pomocí tohoto parametru img tagu si prohlížeč stáhne obraz zveřejněný na internetu na adrese megasellmag.ru.

Atributy zarovnání

Chcete-li umístit obrázky na stránku pomocí HTML, použije se značka img, jejíž atributy jsou zodpovědné za umístění obrázku na stránku a povahu jejího toku kolem textu.

Výchozí prohlížeč má snímek ve středu obrazovky a jeho text se neobjeví. Značka img umožňuje vyjádřit svůj nesouhlas s prohlížečem pomocí atributu align.

< img src = `goat.jpg` align = `left`> - obrázek bude umístěn na levém okraji stránky a text se bude pohybovat vpravo.

Chování textu bude podobné, pokud je obrázek umístěn napravo (zarovnání = pravý), uprostřed (zarovnání = střední), horní (zarovnání = horní), dolní (uprostřed) a střed (střed).

Parametry odsazení a velikosti

Chcete-li zabránit procházení textu do obrázků, značka img má speciální atributy -hspace (horizontální / horizontální pole) a vspace (vertikální / svislé pole), které určují množství odsazení textu od okrajů obrazů v pixelech.

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

Obraz se nejen poslušně odkloní od textu zadaným množstvím, ale také se bude pohybovat od okraje stránky, takže je lepší se vyvarovat velkých zářezů.

Velmi důležité jsou geometrické rozměry snímků, které jsou nejen žádoucí, ale někdy je třeba je specifikovat pro správné zobrazení obrazu. K tomu jsou nastaveny atributy šířky a výšky, jejichž hodnota je určena v pixelech nebo procentech.

< img src = `goat.jpg` width = `625` height = `450`>

Pokud určíte pouze šířku, výška bude automaticky porovnána s původními proporcemi. Rozměry nastavené v procentech umožňují umístit obrázek do pravé části stránky, bez ohledu na to velikost okna prohlížeč a tato potřeba často vzniká.

Další parametry

Atribut rámečku uzavírá obraz v rámci zadané tloušťky, kterou prohlížeč ve výchozím nastavení netiskne.

< img src = `goat.jpg` šířka = `500` výška = `360` border = `5`>

Rám může mít zdánlivě bezvýznamný nulovou tloušťku (border = ‚0‘), ale je to tak dlouho, dokud není obraz odkaz, prohlížeč automaticky obvedet svůj modrý rámeček, aniž by čekal na pokyny.

< a href = `megasellmag.ru`>< img src = `obrázky / opana.jpg` šířka = `250` výška = `250`>< / a>

Někteří netrpěliví uživatelé, rozzuřený nízkou rychlostí internetu, jednoduše zakázat zobrazení obrázků. Zde je pro tyto případy k dispozici parametr alt, který umožňuje zadat alternativní text, který uživatel uvidí na čtverečku, kde se obraz spěšně načíst.

Pokud se vám nelíbí možnost parametru alt, značka img může nabídnout atribut longdesc, jehož hodnota je adresa URL dokumentu s podrobnějším popisem.

Atributy usemap a ismap ukazují prohlížeči, že obraz bude výkresem s hypertextovými oblastmi (referenční mapa), pouze parametr usemap určuje navigační mapu na serveru a ismap je mapa na straně klienta.

< img src = `Quad_Band_Phone.jpg` width = `145` height = `126` alt = `Mobilní telefony` usemap = `# phones`>

Popis odkazu 1 na následujícím obrázku:

< img src = `img / map.jpg` width = `328` height = `236` hranice = `0` usemap = `# Dvostok`> < název mapy = `Primorye`>

< oblast tvaru = `rect` coords = `60, 20,110,50,105,80,35,80 `href =` Lsd022_1.html `target =` _ prázdný `alt =` Lesozavodsk `>

Exotické předměty

Atribut lowsrc instruuje prohlížeč, aby nejdříve nahrál kopii (nebo jinou alternativu) původního obrazu s nižší kvalitou a tím i snadnějším. Tento trik je určen pro případ nízké rychlosti internetu pro uživatele. Původní snímek, načtený, nahrazuje "falešný".

Ne tak často používaný atribut galleryimg značky img volá ovládací panel obrázku (pokud přesunete kurzor nad ním), což vám umožní otevřít standardní složku Moje obrázky a tisknout, uložit nebo odeslat obrázek e-mailem. Panel můžete deaktivovat tak, že nastavíte galleryimg na hodnotu no / false a povolíte jej nastavením ano / true.

V nové specifikaci HTML5 jsou některé parametry zastaralé. Img atributy lowsrc, border, longdesc a name jsou odesílány do důchodu.