Сурет мәтінге тікелей кірістірілмейді. Браузерге оның аты айтылады және оны экранда қайда және қалай орналастыру керектігі туралы нұсқау беріледі. Ол үшін жалғыз HTML img тегін пайдаланыңыз. Ол графикалық нысанның веб-беттегі орнын көрсетеді.
Егер көптеген атрибуттар тегтер үшін міндетті емес болса, img тегінде кем дегенде бір параметр болуы керек - кескіннің мекенжайы. Бұл атрибут src деп аталады:
- - бұл ағымдағы каталогта сақталған goat-j.webp" />
- - img тегінің осы параметрімен браузер интернетте megasellmag.ru сайтында жарияланған суретті жүктейді.
Тегістеу атрибуттары
HTML көмегімен беттегі кескіндерді орналастыру үшін img тегі пайдаланылады, оның атрибуттары кескінді бетте орналастыруға және оның мәтінді орау сипатына жауап береді.
Әдепкі бойынша, браузер кескінді экранның ортасына орналастырады және мәтін оның айналасына оралмайды. img тегі align атрибуты (туралау) арқылы браузермен келіспейтіндігіңізді білдіруге мүмкіндік береді.
- сурет беттің сол жақ шетінде орналасады, ал мәтін оның оң жағында айналады.
Кескін оң жаққа (туралау=оңға), ортасына (align=ортасына), үстіңгі жағына (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 атрибуттары жойылды.
