몽키의 코딩작업실

  • 홈
  • 태그
  • 방명록

image-map.net 1

[ HTML ] map 태그를 알아보자!

태그란?하나의 이미지에서 특정 영역을 클릭 가능하도록 설정하는 기능이다. 사용자는 이미지의 특정 위치를 클릭하면 해당 영역에 연결된 링크로 이동할 수 있다.예를 들어, 이케아, 오늘의 집 같은 온라인 쇼핑몰에서는 제품이 배치된 이미지에 태그를 활용해서 각 상품을 클릭하면 해당 상품의 상세 페이지로 이동할 수 있도록 만들 수 있다.   태그 사용 방법 1. 이미지와 맵 연결하기 • 태그에 usemap 속성을 추가하고, # 기호와 함께 의 name 속성값을 지정해야 한다. 2. 맵과 클릭할 영역 설정하기 • 태그를 생성하고, name 속성을 usemap과 동일하게 설정하면 된다. • 태그를 이용해서 클릭 가능한 영역을 지정하고, c..

개발 개념 정리/html, css 2025.03.14
이전
1
다음
더보기
프로필사진

몽키의 코딩작업실

프론트엔드 개발을 배우고 있어요.

  • 분류 전체보기
    • 개발 개념 정리
      • javaScript
      • html, css
      • SQL
    • 문제 풀이기록
      • SQL
      • JavaScript
    • 프로젝트 기록
    • 일상

Tag

집계함수, group by, HTML, 프론트엔드, 개발자, 테이블, 그룹화, autocomplete, CSS, form요소, 태그, 프로그래머스, 웹개발자, count(*), 몽키의개발로그, COUNT함수, 개발공부, 웹표준, SQL, 웹개발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바