> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 Area 태그 사용법에 대한 자세한 설명

HTML의 Area 태그 사용법에 대한 자세한 설명

王林
풀어 주다: 2020-03-09 17:52:52
앞으로
3463명이 탐색했습니다.

HTML의 Area 태그 사용법에 대한 자세한 설명

태그

태그는 이미지 맵의 영역을 정의합니다(참고: 이미지 맵은 클릭 가능한 영역이 있는 이미지를 나타냅니다).

지역 요소는 항상 태그 내에 중첩됩니다.

(추천 튜토리얼: html 튜토리얼)

참고: HTML의 Area 태그 사용법에 대한 자세한 설명 태그의 usemap 속성은 요소의 name 속성과 연결되어 이미지와 매핑을 연결합니다. HTML의 Area 태그 사용법에 대한 자세한 설명의 usemap 속성은 의 id 또는 name 속성(브라우저에 의해 결정됨)을 참조할 수 있으므로 id와 name 속성을 모두 에 추가해야 합니다.

아래 사진을 참조하세요:

HTML의 Area 태그 사용법에 대한 자세한 설명

속성 값:

href: 링크를 클릭하면 해당 지역으로 이동합니다. alt: 이미지가 정상적으로 표시되지 않을 때 나타나는 메시지입니다.

예:

1. 거리: (왼쪽 위 꼭짓점의 좌표는 (x1, y1), 오른쪽 아래 꼭짓점의 좌표는 (x2, y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>
로그인 후 복사

2. 원의 중심은 (X1, y1) ), 반경은 r)

<area shape="circle" coords="x1,y1,r" href=url>
로그인 후 복사

3입니다. 다각형: (각 정점의 좌표는 (x1, y1), (x2, y2), (x3, y3)입니다. ..)

<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>
로그인 후 복사

더 많은 프로그래밍 관련 내용은 PHP 중국어 홈페이지의 프로그래밍 입문 컬럼을 주목해주세요!

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

관련 라벨:
원천:jb51.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿