HTML의 지도 태그

이미지 이미지maphyperlink,

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

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

                                                                                                                                          효과 영역을 지정하고 name

속성

을 사용하여 이미지에 이름을 지정하세요.->                           ~                                                          영역 모양 필요한 만큼 핫스팟 영역을 정의하세요. > > 사용 ‐ ‐ ‐‐ ‐‐‐‐‐‐ 및

에서 a. 직사각형: 4개는 필수입니다. 사용되는 숫자의 개수로, 앞의 두 숫자는 왼쪽 위 모서리 좌표, 뒤의 두 숫자는 오른쪽 아래 자리 좌표입니다. 원: 처음 두 숫자는 원의 중심 좌표를 사용해야 합니다. 마지막 숫자는 반경 길이입니다. 예:

c .임의 그래픽(다각형): 그래픽의 각 전환점 좌표를 채웁니다. 예:

다음은 예입니다

　

이 글에서 소개한 효과를 만들 때 주의해야 할 몇 가지 사항:

　 1. 잊지 말고 설정하세요. 태그의 usemap 및 ismap 매개변수와 usemap의 매개변수 값은

2. 동일한 '이미지 지도'의 모든 핫스팟 영역은 이미지 지도의 범위 내에 있어야 합니다. 즉, 모든 태그는 및 < 내에 있어야 합니다. ;/map>;

　 3. 태그의 cords 매개변수로 설정한 좌표 형식은 Shape 매개변수로 설정한 효과 영역의 모양과 일치해야 하며, 모양 매개변수는 효과 영역이 나타나지만 폴리곤 영역의 꼭지점 좌표는 코드에 설정되어 있습니다.

위 내용은 HTML의 지도 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!