티스토리 블로그 링크 불편함 극복기 #2
사진을 클릭하면 원하는 위치로!
업로드 사진에 내부 링크 걸기


_예제 (링크결과)
지난 포스팅 "업로드 사진에 외부 링크 걸기"에 이어 이번엔 내부 링크하는 방법을  올립니다. 내부 링크는 외부 링크에 추가로 더 필요한 작업만을 올리니 ↖ 위에 포스트에서 외부 링크 거는 법을 숙지 하신 후에 아래 내용을 읽어주세요~*
맨 마지막 단락인 "주의사항"도 읽어두시면 나중에 속터질 일이 없습니다. ^0^;

※ 내부링크 응용 포스트 : 언제나그랬죠♪ 2009년 1월



_1단계
에디터에서 을 클릭하여 HTML 편집 모드에서 이동의 목표 위치(사진을 클릭했을 때 이동 할 곳)을 찾아 다음 코드를 삽입합니다. (종료태그는 없습니다.) 
< a name = "abc" >
name : 아래아 한글의 '책갈피' 기능처럼 특정한 위치의 이름을 지정합니다.
           abc 자리에 원하는 레이블 이름을 넣으면 됩니다.


_2단계
외부 링크걸기의 1,2,3 단계를 마친 후에 자동으로 입력된 이미지 코드를 지우고 아래의 코드를 삽입합니다.
< a title = "지정된 위치로 이동합니다."  href = "#abc" >
< img src = "이미지주소" >< /a >
title : 이미지 위에 커서를 올렸을 때 나타나는 설명 
href : 링크할 위치의 레이블 이름 (1단계에서 지정한 이름앞에 #을 붙이세요)
src : 메모장에 복사해 둔 이미지 주소


_3단계
그 상태에서 바로 저장을 누르면 끝!



_안 읽으면 후회 할지도 모를 "주의사항"
글의 내용을 수정하면 이전에 지정했던 내부링크가 제대로 작동되지 않습니다. HTML모드에 들어가서 보면,<a href="__________">저 링크 경로 사이에 처음에 입력하지 않았던 다른 경로 스크립트가 자동으로 삽입되어 있습니다. 맨 처음 입력했던 경로 (예: #abc)만 남겨두고 자동으로 삽입된 나머지경로를 지운 뒤 저장 (html 편집모드에서 저장!) 하면 링크가 정상적으로 작동합니다.



_꼭 필요한 곳에만 사용하세요
글을 자주 수정해야 하는 포스트나, 내부링크를 여러개 걸어 놓아야하는 포스트는 자칫하다 홧병을 불러올 수도 있으니 주의하세요 ^^;