Сүрөт жөн эле текстке түз салынбайт. Браузерге анын аты айтылат жана аны экранда кайда жана кантип жайгаштыруу керектиги айтылат. Бул үчүн, бир HTML img тегин колдонуңуз. Ал веб-баракчадагы графикалык объекттин жайгашкан жерин көрсөтөт.
Эгер тегдер үчүн көптөгөн атрибуттар милдеттүү эмес болсо, анда img тегинде жок дегенде бир параметр болушу керек - сүрөттүн дареги. Бул атрибут src деп аталат:
- - бул учурдагы каталогдо сакталган goat-j.webp" />
- - img тегинин бул параметри менен браузер megasellmag.ru сайтында Интернетте жайгаштырылган сүрөттү жүктөйт.
Тегиздөө атрибуттары
Сүрөттөрдү HTML аркылуу бетке жайгаштыруу үчүн img теги колдонулат, анын атрибуттары баракка сүрөттү жайгаштырууга жана анын тексттин оролгон мүнөзүнө жооп берет.
Демейки шартта, браузер сүрөттү экрандын ортосуна жайгаштырат жана текст анын тегерегине оролбойт. img теги align атрибутун (тегиздөө) колдонуп, браузерге макул эместигиңизди билдирүүгө мүмкүндүк берет.
- сүрөт барактын сол четине жайгаштырылат, ал эми текст анын оң жагына айланат.
Сүрөт оңго (тегиздөө=оңго), ортого (тегиздөө=орто), үстүгө (тегиздөө=жогорку), төмөнгө жайгаштырылса, тексттин жүрүм-туруму окшош болот(тегиздөө=төмөндө) жана ортодо (борбордо).
Орнотуулар жана өлчөмдөр
Тексттин сүрөттөргө кирүүсүн алдын алуу үчүн, img теги атайын атрибуттарга ээ болгон -hspace (горизонталдуу/горизонталдык чектер) жана vspace (вертикал/вертикалдуу четтер), алар сүрөттөрдүн четтеринен текст чегинүүсүнүн көлөмүн аныктайт. пиксел.
Сүрөт тил алчаактык менен көрсөтүлгөн өлчөмдө тексттен алыстап эле тим болбостон, барактын четинен да алыстайт, андыктан чоң чегинүүлөрдөн качканыңыз жакшы.
Сүрөттөрдүн геометриялык өлчөмдөрү абдан маанилүү, алар жөн гана керектүү эмес, кээде сүрөттү туура көрсөтүү үчүн тактоо үчүн зарыл. Бул үчүн, туурасы (туурасы) жана бийиктиги (бийиктиги) атрибуттары колдонулат, алардын мааниси пикселдер же пайыздар менен белгиленет.
Эгер сиз туурасын гана көрсөтсөңүз, бийиктик баштапкы пропорциялар менен автоматтык түрдө тандалат. Проценттик өлчөмдөр браузердин терезесинин өлчөмүнө карабастан, сүрөттү беттин оң жагына жайгаштырууга мүмкүндүк берет жана бул муктаждык көп учурда пайда болот.
Башка опциялар
Чек атрибуту сүрөттү белгиленген калыңдыктагы кадрга камтыйт, аны браузер демейки боюнча жасабайт.
Чек ара маанисиз көрүнгөн нөлдүк кеңдикке да ээ болушу мүмкүн (чек='0'), бирок бул сүрөт шилтемеге айланганга чейин, браузер көрсөтмөлөрдү күтпөстөн аны автоматтык түрдө көк чек менен тегереткенде.
Төмөн интернет ылдамдыгына ачууланган кээ бир чыдамы жок колдонуучулар сүрөттөрдү көрсөтүүнү жөн эле өчүрүп коюшат. Мындай учурларда, киргизүүгө мүмкүндүк берген alt параметри каралганколдонуучу сүрөт жүктөөгө шашылып жаткан кутудан көрө турган альтернатива текст.
Эгер сизге alt параметринин мүмкүнчүлүктөрү жакпаса, img теги longdesc атрибутун сунуштай алат, анын мааниси кененирээк сүрөттөмөсү бар документтин URL'и болуп саналат.
Usermap жана ismap атрибуттары браузерге сүрөттөлүш гипершилтемелер өзүнчө аймактар (шилтеме картасы) болгон сүрөт болорун айтат, usemap параметри гана сервердеги навигация картасын, ал эми ismap - картадагы картаны аныктайт. кардар тарап.
Төмөндөгү сүрөттө 1-шилтеменин сүрөттөлүшү:
Экзотикалык буюмдар
lowsrc атрибуту браузерге адегенде оригиналдуу сүрөттүн көчүрмөсүн (же башка альтернативасын) сапаты төмөн, демек, "жеңилирээк" жүктөп алууну буйруйт. Бул трюк колдонуучу үчүн Интернеттин ылдамдыгы төмөн болгон учурда берилет. Түпнуска сүрөт жүктөлүп берилгенде "жалган" сүрөттүн ордуна келет.
Img тегинин азыраак колдонулган galleryimg атрибуту сүрөттү башкаруу панелин чакырат (чыгарылганда), демейки Менин Сүрөттөрүм папкасын ачып, сүрөттү басып чыгарууга, сактоого же электрондук почтага жөнөтүүгө мүмкүндүк берет. Сиз galleryimg параметрин жок/жалган деп коюу менен панелди өчүрө аласыз жана аны ооба/чындыкка коюу менен иштете аласыз.
Жаңы HTML5 спецификациясында бир катар тегдердин кээ бир параметрлери эскирген. Мисалы, img файлынын lowsrc, border, longdesc жана name атрибуттары иштен чыгарылды.
