Html의 지도 태그 설명

이 글에서는 HTML로 지도 태그 설명을 소개합니다

이미지의 지도 하이퍼링크,

이미지를 HTML로 여러 핫스팟 영역으로 변환하고, 각 핫스팟 도메인은 서로 다른 웹 페이지의 리소스에 연결됩니다. 이 효과의 핵심은 그림을 여러 핫스팟 영역으로 나눈 다음 여러 영역을 하이퍼링크로 연결할 수 있다는 것입니다. 이것이 이미지 맵이다. 지도 영역 하이퍼링크를 완성하려면 다음 세 가지 태그가 사용됩니다.

이미지 지도 태그의 사용 형식 :

                                                                                                          img> 태그에 usemap="#name of the picture" ismap 매개변수를 설정하여 이미지 맵(사진 이름)에 대한

참조

를 나타냅니다. >

<지도 이름= "이미지 이름">                                                     | 이미지의 효과 영역을 설정하는 태그 지도를 작성하고 name

속성

을 사용하여 이미지에 이름을 지정합니다.->

& lt; Shape COORDS = Area Bid List HRF = "URL 리소스 주소" & GT ;

...  

 

【1】

shape -- 핫스팟 모양 정의

모양=직사각형

모양=원:원

Shape=poly: 다각형

【2】coords -- 영역 점의 좌표를 정의

직사각형: 숫자 4개를 사용해야 합니다. , 처음 두 숫자는 왼쪽 위 모서리의 좌표이고, 마지막 두 숫자는 오른쪽 아래 모서리의 좌표입니다. 예:

b. 원: 필수 세 개의 숫자를 사용합니다. 처음 두 숫자는 원 중심의 좌표이고 마지막 숫자는 반경 길이입니다.

예: < ;area shape=circle coords=85,155,30 href="URL">

c. 임의의 그래픽(다각형): 그래픽의 각 전환점 좌표를 순서대로 채워 넣습니다

예:

다음은 예입니다

　

　　

　　

　　

　

이 글에 소개된 정보를 만드는 과정에서 효과 사용 시 주의해야 할 몇 가지 사항:

1. 하지 마세요. 태그에 usemap 및 ismap 매개변수를 설정하는 것을 잊지 마세요. usemap의 매개변수 값은