Суреткарталар
Дата 11.01.2023 өлшемі 42,64 Kb. #165323
Байланысты:
тапсырма-2 Суреткарталар
Сурет карта (англ. image map , кейде cенсорлы карта немесе графикалық карта) – HTML белгілеу тілінің графикалық объектісі , ол суретпен байланысты және суретті басу арқылы белгілі бір URL-ға сілтеме жасалатын арнайы аймақты білдіреді. Сурет картасы бірнеше сілтемені бір суретте сақтауға мүмкіндік береді.
Веб-бетке сурет картаны қосу үшін тегін қолданып, “name” атрибутына бірыңғай идентификатор көрсетіледі. Оның ішіне жұпсыз
тегтері қолданылып, әрқайсысы қандай да бір басылатын аймақты білдіреді. Кейін тегін картамен байланыстырып , картаның атын жазатын usemap артибуты қосылады. Атрибуттың мәні # белгіден басталуы керек. тегінде суреттің өлшемі анықкөрсетіледі.
контейнері
name – сурет картасының идентификаторы. Идентификатор сондай құжаттар арасында бірыңғай болады.
shape – басылатын аймақтың формасы. Төмендегі мәндерді қабылдайды: circle (шеңбер), rect (тік төртбұрыш), poly (бесбұрыш).
alt – аймақтың балама аймағы. Сілтемеге еске салушы мәтін ретінде қолданылады.
coords – басылатын аймақтың координаттары. “0,0” мәніне сәйкес келетін, сол жақ жоғарғы бұрыштан басталатын координаттар пиксельде өлшенеді. Алғашқы сан x осі бойынша , яғни ені бойынша координат болса, екіншісін y осі , ұзындық координаты болып есептеледі. Координат тізімі аймақ формасына байланысты:
Шеңбер үшін шеңбер орайы және радиусы беріледі:
Тіктөртбұрышүшін– жоғарысолжақтыңжәнетөменоңжақтыңкоординаттарыберіледі:
Бесбұрышүшінбиіктіккоординаттарыберіледі:
Бұлжағдайдааймақтыңбіріншіжәнесоңғынүктесіавтоматтытүрдетұйықталады.
href – аймақүшінсілтемеадресінбілдіреді. Жазуережесі<а>тегінежазғансияқтыжүзегеасырылады.
Төменде сурет карта жасайтын код жазылып , ол суретпен байланыстырылады:
usemap=«#somemap» src=«upload.wikimedia.org/wikipedia/commons/e/e0/Figures_for_imagemap. png» ><map name=«somemap»>
<area shape=«rect» coords=«6, 7, 140, 196» href=«kk.wikipedia.org/Тіктөртбұрыш»>
shape=«circle» coords=«239, 98, 92» href=«kk.wikipedia.org/Шеңбер»> shape=«polygon» coords=«386,16, 344,56, 350,189, 385,132, 489,190, 496,74»
href=«kk.wikipedia.org/Көпбұрыш»>
Достарыңызбен бөлісу: