몽키의 코딩작업실

  • 홈
  • 태그
  • 방명록

map코드 1

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

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

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

몽키의 코딩작업실

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바