Суреткарталар



Дата11.01.2023
өлшемі42,64 Kb.
#165323
Байланысты:
тапсырма-2

    1. Суреткарталар


Сурет карта (англ. 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» ><mapname=«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/Көпбұрыш»>




Достарыңызбен бөлісу:




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет