☭DEVELOPER/#2 웹개발(자바기반 풀스택)

비주얼 스튜디오 코드 84_map 좌표잡기

조반짝 2023. 7. 24. 09:57
728x90
반응형

내부 css 와 html 마크업하기

usemap으로 #intro 설정, map id = intro로 설정하여 이미지와 맵을 연동한다.

영역 지정

●area : 영역 지정

shape: 모양

coords : 좌표값

좌표값을 잡으면 포인터커서로 변경된다.

이벤트 넣기: onclick = "window.close();" 라는 명령어를 주면 작은 사각형을 클릭하면 윈도우 창이 닫힌다.

링크에 네이버 주소를 넣고 onclick에 alert 를 넣으면 네이버창이 열린다.

target="_blank"는 새창을 열어주는 명령어

 

 

 

728x90
반응형

'☭DEVELOPER > #2 웹개발(자바기반 풀스택)' 카테고리의 다른 글

[JAVA]변수와 주석  (0) 2023.07.24
[JAVASCRIPT]함수  (0) 2023.07.24
[JAVASCRIPT]  (0) 2023.07.21
비주얼 스튜디오 코드 83_ 이미지가 움직이는 효과  (0) 2023.07.20
[JAVASCRIPT]for문  (0) 2023.07.20