Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML의 이미지에서 클릭 가능한 영역을 만드는 방법은 무엇입니까?


이미지에서 클릭 가능한 영역을 만들려면 클릭 가능한 영역이 있는 이미지 맵을 만드십시오. 예를 들어 상자를 클릭하면 다른 웹사이트가 열리고 같은 이미지에서 삼각형을 클릭하면 다른 웹사이트가 열립니다.

태그는 이미지 내부의 영역을 정의하고 태그 내부에 중첩됩니다. 다음은 속성입니다:

Sr.No
속성 및 설명
1
alt
영역에 대한 대체 텍스트
2
좌표
해당 지역의 좌표
3
다운로드
하이퍼링크를 클릭하면 대상이 다운로드됩니다.
4
모양
지역의 모양
5
타겟
URL이 열리는 위치

HTML의 이미지에서 클릭 가능한 영역을 만드는 방법은 무엇입니까?

예시

다음 코드를 실행하여 HTML의 이미지에서 클릭 가능한 영역을 만들 수 있습니다.

  HTML 영역 태그   HTML의 이미지에서 클릭 가능한 영역을 만드는 방법은 무엇입니까?  <지도 이름 ="lessons"> <영역 모양 ="폴리" 좌표 ="74,0,113,29,98,72,52,72,38,27" href ="/perl/index.htm" alt ="Perl Tutorial" target ="_blank" /> HTML Tutorial <영역 모양 ="원" 좌표 ="73,168,32" alt ="PHP 튜토리얼" href ="/php/index.htm" target ="_blank" /> 
  

출력

HTML의 이미지에서 클릭 가능한 영역을 만드는 방법은 무엇입니까?