본문 바로가기

Coding/HTML2

이미지맵을 쉽게 잡아주는 이미지맵 프로그램 이번에 소개할 프로그램은 이미지맵을 쉽게 잡아주는 프로그램입니다 ! 프로그램이라기 보다는 사이트에 가깝겠네요~ 항상 이미지맵을 잡을때 이미지의 좌표를 하나하나 따면서 입력하고 하기가 너무 귀찬하요 ㅠ 그래서 이미지맵을 쉽게 잡아줄 사이트를 추천합니다 ~ http://www.maschek.hu/imagemap/imgmap mascheck 이라는 사이트의 기능중 하나입니다 ~ 이미지를 업로드 하거나 자신이 가진 이미지의 링크를 넣어 이미지를 불러온후에 영역을 네모,원형,다각형으로 원하는데로 지정하여 map 에 대한 area를 html로 반환해 줍니다 ~ 사용법은 아래와 같습니다. 1. 우선 select souce 부분에 자신이 가지고 있는 이미지의 파일을 업로드 하거나 링크를 적어서 사용합니다. Use an.. 2015. 5. 21.
HTML - ImageMap 이미지맵 이미지맵 이미지맵은 HTML에서 한 이미지에 여러개 또는 특정 부분에 링크를 걸때 사용하게 됩니다. 위와 같이 이미지에 usemap 이라는 속성을 이용하여 map을 지정하여 사용하게 됩니다. 이제 등록하는 부분에 대한 소스를 살펴보도록 하자 우선 이미지 태그로 이미지를 불러오고 usemap 이라는 곳에 사용할 map의 id 값을 입력해 준다. 그러고 나서 map에 대한 내용을 작성해 준다. ... 여기서 주의점은 img의 usemap 값과 map태그의 id값이 같아야 한다는 것이다. 그리고 나서 area라는 태그를 써서 영역을 작성해준다 . area 태그의 속성 shapre : 영역의 모양을 지정한다.rect(사각형), circle(원형), poly(다각형) 의 3가지가 있다. coords : 지정한 모.. 2015. 5. 20.