Менеджэр малюнкаў - тэг img

Карцінка не проста так ўстаўляецца непасрэдна ў тэкст. Браўзэру паведамляюць яе імя і паказваюць, дзе і як размясціць на экране. Для гэтага выкарыстоўваюць адзінарны HTML-тэг img. Ён задае месцазнаходжанне графічнага аб'екта на вэб-старонцы.

Калі многія атрыбуты для тэгаў у прынцыпе не абавязковыя, то тэг img павінен валодаць па меншай меры адным параметрам - адрасам малюнка. Гэты атрыбут называецца src:

• - у гэтым месцы адлюструецца файл goat.jpg, які захоўваецца ў каталогу з;
• - з такім параметрам тэга img браўзэр загрузіць малюнак, выкладзенае ў інтэрнэце на сайце megasellmag.ru.

атрыбуты выраўноўвання

Для пазіцыянавання малюнкаў на старонцы з дапамогай HTML якраз і служыць тэг img, атрыбуты якога адказваюць за размяшчэнне карцінкі на старонцы і характар яе обцяканьне тэкстам.

Па змаўчанні браўзэр размяшчае малюнак у цэнтры экрана, а тэкст яго ня абцякае. Тэг img дазволіць выказаць сваю нязгоду з браўзэрам з дапамогай атрыбуту align (выраўноўванне).

- малюнак размесціцца ў левага краю старонкі, а тэкст абміне яго справа.

Аналагічным будзе паводзіны тэксту, калі карцінку размясціць справа (align = right), пасярэдзіне (align = middle), зверху (align = top), унізе (align = bottom) і па цэнтры (center).

Параметры водступаў і памераў

Каб тэкст ня запаўзаюць на карцінкі, тэг img абзавёўся адмысловымі атрыбутамі -hspace (horizontal / гарызантальныя поля) і vspace (vertical / вертыкальныя поля), якія вызначаюць велічыню водступаў тэксту ад краёў малюнкаў у пікселях.

Карцінка не толькі паслухмяна аддаліцца ад тэксту на паказаную велічыню, але і адсунецца ад краю старонкі, так што лепш пазбягаць вялікіх водступаў.

Вельмі важныя геаметрычныя памеры малюнкаў, якія не толькі пажадана, але часам проста неабходна ўказваць для карэктнага адлюстравання малюначка. Для гэтага служаць атрыбуты width (шырыня) і height (вышыня), значэнне якіх задаюць у пікселях або працэнтах.

Калі пазначыць толькі шырыню, вышыня будзе падабрана аўтаматычна з зыходнымі прапорцыямі. Памеры, зададзеныя ў працэнтах, дазваляюць размясціць малюнак у патрэбнай частцы старонкі, незалежна ад памеру акна браўзэра, а такая неабходнасць узнікае нярэдка.

Іншыя параметры

Атрыбут border заключае карцінку ў рамку названай таўшчыні, чаго не робіць па змаўчанні браўзэр.

Рамка можа мець і, здавалася б, бессэнсоўную нулявую таўшчыню (border = '0'), але гэта да таго часу, пакуль малюнак не стане спасылкай, калі браўзэр аўтаматычна абкруціць яе сіняй рамкай, не чакаючы указанняў.