Image Manager - IMG таг

Картината не е просто вмъкната директно в текста. На браузъра се казва името й и показва къде и как да се подреди на екрана. За целта използвайте един HTML маркер img. Тя определя местоположението на графиката в уеб страницата.

Ако много от атрибутите за таговете не се изискват по принцип, тогава маркерът img трябва да има поне един параметър - адреса на картината. Този атрибут се нарича src:

• < img src = `goat.jpg`> - на това място ще се покаже файла goat.jpg, който се съхранява в текущата директория;
• < IMG SRC = "HTTP: megasellmag.ru/design/images/Shape5.jpg `> - с изтегляне IMG браузър изображения опция за маркери, публикувани в интернет на megasellmag.ru сайт.

Елементи за изравняване

За да позиционирате изображения на страницата посредством HTML, използва се маркера img, чиито атрибути са отговорни за поставянето на изображението в страницата и естеството на потока му около текста.

Стандартен бра има изображение в центъра на екрана и неговият текст не се увива наоколо. Маркерът img ви позволява да изразявате несъгласието си с браузъра, като използвате атрибута align.

< img src = `goat.jpg` align = `left`> - снимката ще се намира в левия край на страницата и текстът ще се появи вдясно.

Поведението на текста ще бъде подобно, ако снимката е разположена надясно (align = right), в средата (align = middle), отгоре (align = top), в долната част (align = bottom) и центъра.

Параметри и размер

За да направите текст върху изображението не се обхожда, маркер IMG имам spetsialnymiatributami -hspace (хоризонтално / хоризонтално поле) и vspace (вертикално / вертикално зрително поле), определя размера на отстъп на текста от краищата на изображението в пиксели.

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

Снимката не само послушно се отдалечава от текста с определена сума, но и ще се отдалечи от ръба на страницата, затова е по-добре да избегнете големи вдлъбнатини.

Много важни са геометричните размери на изображенията, които са не само желателни, но понякога просто трябва да бъдат определени за правилното показване на изображението. За тази цел са зададени атрибутите за ширина и височина, чиято стойност е посочена в пиксели или проценти.

< img src = `goat.jpg` ширина = `625` височина = `450`>

Ако посочите само ширината, височината ще бъде съчетана автоматично с оригиналните пропорции. Размерите, зададени в проценти, ви позволяват да поставите изображението в дясната част на страницата, независимо от това размера на прозореца браузър и често възниква необходимост от това.

Други параметри

Атрибутът "граница" обхваща снимката в рамките на зададената дебелина, която браузърът по подразбиране не използва.

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

Рамката може да има привидно безсмислена нула дебелина (граница = `0`), но това става докато снимката не стане връзка, когато браузърът автоматично я проследи със синя граница, без да чака инструкции.

< a href = `megasellmag.ru`>< img src = `images / opana.jpg` ширина = `250` височина = `250`>< / a>

Някои нетърпеливи потребители, разярени от ниската скорост на интернет, просто изключват показването на снимки. Тук за такива случаи е осигурен параметър alt, който позволява да се въведе алтернативен текст, който потребителят ще види в квадрат, където изображението бързо се зарежда.

Ако не ви харесва опцията на алтернативния параметър, маркерът img може да предложи атрибут longdesc, чиято стойност е URL на документа с по-подробно описание.

Атрибути usemap ismap и каже на браузъра, че изображението ще бъде изготвянето на която хипервръзки са отделни области (препратка карти), само usemap параметър определя навигационна карта на сървъра, и ismap - карта от страна на клиента.

< img src = `Quad_Band_Phone.jpg` width = `145` height = `126` alt = `Мобилни телефони` usemap = `# phones`>

Описание на връзката 1 на снимката по-долу:

< img src = `img / map.jpg` width = `328` height = `236` border = `0` usemap = `# Dvostok`> < име на картата = `Primorye`>

< площ форма = `RECT "coords = `60, 20,110,50,105,80,35,80" HREF =` `цел =` Lsd022_1.html _ празно "ALT = `Lesozavodsk`>

Екзотични елементи

Атрибутът lowsrc инструктира браузъра да зареди първо копие (или друга алтернатива) на оригиналното изображение с по-ниско качество и съответно по-лесно. Този трик е предвиден за случая на ниска интернет скорост за потребителя. Оригиналното изображение, заредено, замества "фалшивото".

Не толкова често използваният атрибут galleryimg на маркера img извиква контролния панел на изображението (ако преместите курсора над него), което ви позволява да отворите стандартната папка My Pictures и да отпечатате, запазите или изпратите снимката по имейл. Можете да деактивирате панела, като настроите галерията на gimm на no / false и да я активирате, като зададете yes / true.

В новата спецификация HTML5 някои от параметрите са остарели. И така, img атрибути lowsrc, border, longdesc и name се изпращат на пенсиониране.