본문 바로가기

HTML, CSS, javascript/실습

이미지맵(imagemap) 실습

<사용된 이미지>
<사용된 태그>

- img 태그를 이용하여 이미지를 불러오고 usemap 속성을 사용하여 이미지의 원하는 위치에 링크를 건다.

- map name을 usemap과 일치시킨다.

- shape 속성에서 circle은 원으로 coords 속성값은 (중앙의 가로 위치, 중앙의 세로위치, 반지름)을 입력하며, rect은

  직사각형으로 coords 속성값에 (좌상단 가로 위치, 좌상단 세로 위치, 우하단 가로 위치, 우하단 세로 위치)를 입력한다.

- target 속성에 "_blink" 값은 새창으로 링크를 열고 싶을 때 입력한다.

'HTML, CSS, javascript > 실습' 카테고리의 다른 글

애니메이션  (0) 2022.05.31
사과 주문 웹페이지 만들기  (0) 2022.05.24
속성 선택자 실습  (0) 2022.05.23
position 실습  (0) 2022.05.21
layout 실습  (0) 2022.05.19