Картината не се вмъква просто директно в текста. На браузъра се казва името му и се инструктира къде и как да го позиционира на екрана. За да направите това, използвайте единичен HTML етикет img. Той определя местоположението на графичния обект на уеб страницата.
Ако много атрибути са незадължителни за тагове, тогава етикетът img трябва да има поне един параметър - адреса на изображението. Този атрибут се нарича src:
- - това ще покаже файла goat.jpg, съхранен в текущата директория;
- - с този параметър на етикета img, браузърът ще зареди изображението, публикувано в интернет на сайта megasellmag.ru.
Атрибути на подравняване
За позициониране на изображения на страница с помощта на HTML се използва етикетът img, чиито атрибути са отговорни за поставянето на изображението на страницата и естеството на нейното обвиване на текст.
По подразбиране браузърът поставя изображението в центъра на екрана и текстът не се обвива около него. Тагът img ще ви позволи да изразите несъгласието си с браузъра, като използвате атрибута align (подравняване).
- картината ще бъде позиционирана в левия край на страницата, а текстът ще я заобикаля вдясно.
Поведението на текста ще бъде подобно, ако изображението е поставено вдясно (подравняване=дясно), в средата (подравняване=средно), отгоре (подравняване=горе), отдолу(подравняване=долу) и център (център).
Настройки и размери
За да предотврати промъкването на текст в изображенията, етикетът img е придобил специални атрибути -hspace (хоризонтални/хоризонтални полета) и vspace (вертикални/вертикални полета), които определят размера на отстъпа на текста от краищата на изображенията в пиксели.
Картината не само послушно ще се отдалечи от текста с определено количество, но и ще се отдалечи от ръба на страницата, така че е най-добре да избягвате големи отстъпи.
Геометричните размери на изображенията са много важни, които са не само желателни, но понякога просто необходими за уточняване за правилното показване на изображението. За това се използват атрибутите width (width) и height (height), чиято стойност се задава в пиксели или проценти.
Ако посочите само ширината, височината ще бъде избрана автоматично с оригиналните пропорции. Процентните размери ви позволяват да поставите изображението в дясната част на страницата, независимо от размера на прозореца на браузъра и това често възниква.
Други опции
Атрибутът border обхваща изображението в рамка с определена дебелина, което браузърът не прави по подразбиране.
Границата може също да има привидно безсмислена нулева ширина (граница='0'), но това е докато изображението се превърне в връзка, когато браузърът автоматично го обикаля със синя рамка, без да чака инструкции.
Някои нетърпеливи потребители, бесни от ниските скорости на интернет, просто ще деактивират показването на снимки. За такива случаи е предвиден параметърът alt, който ви позволява да влезетеалтернативен текст, който потребителят ще види в полето, където изображението бърза да се зареди.
Ако не харесвате възможностите на параметъра alt, маркерът img може да предложи атрибут longdesc, чиято стойност е URL адресът на документ с по-подробно описание.
Атрибутите usemap и ismap казват на браузъра, че изображението ще бъде картина, в която хипервръзките са отделни области (link map), само параметърът usemap определя навигационната карта на сървъра, а ismap - картата на от страна на клиента.
Описание на връзка 1 на фигурата по-долу:
Екзотични артикули
Атрибутът lowsrc инструктира браузъра първо да изтегли копие (или друга алтернатива) на оригиналното изображение с по-ниско качество и следователно "по-леко". Този трик се предоставя в случай на ниска скорост на интернет за потребителя. Оригиналното изображение, когато е качено, замества "фалшивото".
По-рядко използвания атрибут galleryimg на етикета img извиква контролния панел на изображението (когато задържите курсора на мишката върху), което ви позволява да отворите папката My Pictures по подразбиране и да отпечатате, запазите или изпратите изображението по имейл. Можете да деактивирате панела, като зададете параметъра galleryimg на no/false и да го активирате, като зададете yes/true.
В новата спецификация на HTML5 редица тагове имат оттеглени параметри. Например атрибутите lowsrc, border, longdesc и name на img са премахнати.
