이미지맵 좌표값 설정

SONA·2021년 12월 2일
CSShtml
0

HTML & CSS

목록 보기
6/9
* http://maschek.hu/imagemap/imgmap

<body>
    <img src="image/map.jpg" alt="웹도서관" usemap="#library">
    <map name="library"> <!--usemap과 map name이 똑같아야 실행이 됨-->
       <!--area는 영역을 나타내는 태그-->
        <area shape="rect"
              coords="좌표값"
              href="libraryA.html"
              alt="A관"
              target="_blank">
        <area shape="rect"
              coords="좌표값"
              href="libraryB.html"
              alt="B관"
              target="_blank">
        <area shape="rect"
              coords="좌표값"
              href="libraryC.html"
              alt="C관"
              target="_blank">
    </map>
</body>
profile
SONA
이전 포스트

HTML5 문서 구조 시맨틱 태그(Semantic Tag)

다음 포스트

회원가입 및 로그인 페이지

0개의 댓글