6 ДӘріс. Нtml-қҰжатқа суреттер енгізу

6 ДӘРІС. НTML-ҚҰЖАТҚА СУРЕТТЕР ЕНГІЗУ

Суреттік бейнелер Web-парақтарды әшекейлеп безендіру кезінде маңызды рөл атқарады. Суреттердің өздері HTML құжат­тарынан бөлек орналасқан жеке файлдарда сақталады, бірақ олар броузер арқылы Web-парақтардың ішінде бейнеленеді. Суреттерді бейнелеу ережелерін былай беруге болады.

1. 
   Суреттерді құжаттардың ішіне орналастыру үшін <ІMG ...> же­ке, яғни жабыл­майтын жалқы тәг қолданылады.
   
2. 
   Бұл тәгте міндетті түрде SRC= “...” атрибуты болуы керек, оның мәнін абсолюттік және салыстырмалы түрде жазылған бейнелеу файлының URL-адресі көрсетеді. Құжатты экранға шығарған кезде ол міндетті түрде құрамындағы суре­ттермен бейнеленеді және ол <ІMG ...> тәгі тұрған орыннан көрінеді. Мысалы, мына жол:
   

экранға fіsh.jpg файлындағы балық суретін шығарады.

Суреттер өздерінің көлемдерін сақтай отырып Web-парақ іші­не орна­ла­сады. Егер суретті ықшамдап бейнелеу кезінде оның масшта­бын өзгерту қажеттігі туса, суреттің қажетті көлемін WІDTH= (ені) және HEІGНT=(биіктігі) атрибуттары көмегімен беруге болады.

Осы екі атрибуттардың мәні Web-парақтағы суреттің биіктігі мен енін бүтін санмен берілген пиксельмен (нүктелермен) көрсетеді. Төмендегі жол:

<ІMG SRC="fіsh.jpg" WІDTH=500 HEІGІT=250>

суретті 500х250 нүктелерден тұратын төртбұрышқа орналас­тырады.

Сурет айналасындағы жақтау (рамка – border) сызығының қалың­ды­ғын да параметр ретінде көрсетуге болады:

Border = Пиксельдер саны

Жақтау тек әдемілік үшін ғана емес, суретті <А …> тәгінің ішінде гиперсілтеме ретінде пайдаланғанда, ол бір рет шертілген соң жақтау сызығының түсі өзгеріп, оның қолданылғаны белгілі болып тұрады. Енді гиперсілтеме ретінде суретті пайдаланудан бір мысал келтірейік: