실험용2 편집하기 (부분)

==== 이미지 안에 링크를 여러 개 넣기(imagemap) ====
한 개의 이미지에 여러 개의 링크를 넣을 때에는 아래와 같이 <nowiki><imagelink></nowiki> 태그를 사용하시면 됩니다.
<imagemap>
Image:NY-6.png|thumb|center|400px|alt=(이미지가 나오지 않을 때 보여주는 대체 문구입니다.) | [[마스코트]] 모음

poly 80 50 80 230 246 234 236 50 [[리브렌]]
poly 0 240 180 260 196 319 207 450 0 450 [[리브라]]
poly 442 36 361 108 372 282 500 313 500 35 [[리디버그]]
rect 200 300 265 360 [[리디버그 볶음밥]] 
</imagemap>


이 이미지에는 [[리브렌]], [[리브라]], [[리디버그]], [[리디버그 볶음밥]] 총 4개의 링크가 있습니다.
<pre>
<imagemap>
Image:NY-6.png|thumb|center|400px|alt=(이미지가 나오지 않을 때 보여주는 대체 문구입니다.) |[[마스코트]] 모음
poly 80 50 80 230 246 234 236 50 [[리브렌]]
poly 0 240 190 240 196 319 207 450 0 450 [[리브라]]
poly 442 36 361 108 372 282 500 313 500 35 [[리디버그]]
rect 200 300 265 360 [[리디버그 볶음밥]]
</imagemap>
</pre>

위 링크는 이렇게 구성되어 있습니다. 이 구조를 설명하자면
<pre>
<imagemap>
Image:(이미지)|섬네일(선택)|(정렬)|(크기)|alt=(이미지가 나오지 않을 때 보여주는 대체 문구입니다.) |(설명)
poly 좌표1(x) 좌표1(y) 좌표2(x) 좌표2(y) 좌표3(x) 좌표3(y) ...... [[문서]]
rect 좌표1(x) 좌표1(y) 좌표2(x) 좌표2(y) [[문서]]
</imagemap>
</pre>
*이미지 : 파일:xxx.jpg 라는 파일에서 xxx.jpg를 의미합니다.
*섬네일 : 섬네일 형식으로 표현하려면 입력합니다.
*정렬 : 필요하다면, 이미지의 정렬을 선택합니다. 왼쪽, 가운데, 오른쪽이 있습니다.
*크기 : 이미지가 표시될 크기를 선택합니다. 픽셀 단위로 500px 처럼 표현합니다.
*alt= 뒤의 내용 : 이미지가 표시되지 않으면 대신 나오는 문구입니다. 일반적으로 잘 뜨지 않습니다.
*설명 : 이 그림을 설명하는 내용을 적으면 됩니다. 이 문구 '''전체'''를 <code><nowiki>[[어떤 문서]]</nowiki></code>로 감싸면 안됩니다. 만약 전체를 감쌀 경우, 다음 링크 이전까지의 텍스트가 "전부 이미지의 링크"로 처리되는 문제가 발생합니다.

*poly (좌표1, 좌표2, .... 좌표n)[[문서]] : polygon(다각형) 형태로 표현되는 링크 입니다. 입력한 값들을 픽셀형태의 좌표로 인식한 뒤, 그것들을 선으로 이어서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
*rect (좌표1, 좌표2) [[문서]] : rectangle(직사각형) 형태로 표현됩니다. 두 점을 좌표로 입력받아서 한점은 왼쪽 위, 한점은 오른쪽 아래의 좌표로 인식해서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
*circle (좌표, 반지름) [[문서]] : circle (원) 형태로 형태로 표현됩니다. 세 값을 입력 받아서 앞의 두값은 x y 좌표, 마지막 값은 반지름 입니다. poly, rect, circle에서의 단위는 픽셀이며, 좌표 기준은 좌측 상단입니다.
*default [[문서]] : "위에서 설정하지 않은 나머지 영역"에 대한 문서 링크를 설정합니다.

여기에 필요한 좌표값은 다음과 같은 방법으로 확인 가능합니다.

우선 그림판을 이용해서 좌표를 확인할 수 있습니다. 링크를 달고자 하는 해당 이미지 파일을 받아서 그림판으로 여시고, 선택이나 그리기 툴로 그림위에 갖다대면, 그림판 왼쪽아래에 ╋ 123, 45 px 라고 뜨게됩니다. 그 값이 좌표(x,y)이므로, 편집할때 사용하시면 됩니다.

그보다 더 간단한 방법은 [https://www.image-map.net/ Image-map] 웹페이지를 이용해서 이미지를 올린 다음에 poly, rect, circ 속성 중 하나를 고르고 이미지 위에 마우스로 표시할 수 있습니다. 이후에 Show me the codes 버튼을 누르면 픽셀값이 정확하게 출력되는 것을 알 수 있습니다.