html 이미지맵을 이용하여 하이퍼링크 걸기 > HTML/CSS

본문 바로가기
사이트 내 전체검색


회원로그인

최신 게시글
  • 게시물이 없습니다.

HTML/CSS

 > 개발자료 > HTML/CSS

HTML/CSS

HTML | html 이미지맵을 이용하여 하이퍼링크 걸기

페이지 정보

작성자 GIT 작성일13-05-14 01:30 조회16,899회 댓글0건

본문

이미지맵(image map)은 하나의 이미지에 특정영역으로 나누어 클릭시 하이퍼링크로 미리 정의된 위치로 이동합니다.
아래 소스는 가로 400*150 크기의 이미지를 3개의 영역으로 나누어 각 영역을 클릭하면 해당 위치로 이동하는 소스입니다.
좌표(coords)는 4개의 숫자로 구분 되어 있는데 앞 2개는 상단 왼쪽 모서리 좌표
                                                                뒤 2개는 하단 오른쪽 모서리 좌표
 
<소스>
<img src="경로/파일명.jpg" alt="이미지맵" usemap="#map1">
<map name="map1" id="map1">
      <area shape="rect" coords="1,1,150,150" href="1.html" alt="영역1" />
      <area shape="rect" coords="151,1,300,150" href="2.html" alt="영역2" />
      <area shape="rect" coords="301,1,450,150" href="3.html" alt="영역3" />
</map>
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

HTML/CSS 목록

게시물 검색

접속자집계

오늘
617
어제
485
최대
4,468
전체
1,797,641
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.