Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- iCalendar
- 노개북
- vue 카카오 Maps API
- node메일보내기
- 자바스크립트 변수 차이점
- js Array 내장함수
- json-server 서버설치
- vue Maps API
- 텍스트서식태그
- niceselect사용법
- 카카오 Maps API
- 카카오 Maps
- plugin
- 개발자북클럽
- json-server 사용하기
- 이미지에 링크여러개걸기
- 노마드코더
- 이미지에 링크여러개
- node.js이메일보내기
- book_club
- Array 내장함수
- 텍스트입력 라이브러리
- node.js 로그관리
- 변수선언방법
- 이미지에 다중링크걸기
- 의미있는태그
- 모바일 사용자를 위해 올바른 HTML input type
- jqueryplugin
- book-club-it-dictionary
- select플러그인
Archives
- Today
- Total
목록이미지에 링크여러개 (1)
ㅇㅅㅇ
image map으로 한 장의 이미지에 여러개의 링크 걸기
간혹 하나의 이미지에 여러개의 링크를 담아야 할 때가 있다.(ex. 쇼핑몰 프로모션 이미지에 여러개의 링크 걸기 등) 그럴 때 가장 쉽게 할 수 있는 방법으로 image map태그가 있다. 태그 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용한다. 기본작성법 img 태그로 이미지 맵을 적용할 이미지를 불러온다. map 태그를 추가하고 name을 지정해 img 태그와 연결한다. img의 usemap과 map name가 동일해야 한다. img usemap에는 # + map name으로 작성한다. map 태그 내부에 이미지맵 영역을 설정할 area 태그를 추가로 입력한다. shape : rect(사각형) circle(원형) poly(다각형) 3가지 중 하나의 좌표 모양을 선택한다. coord..
프로그래밍/HTML
2022. 7. 17. 18:44