HTML 앵커 anchor 만들기-페이지 내부에서 이동하는 링크

HTML 앵커(anchor) 만들기

*앵커란? 하나의 HTML 페이지 안에서만 이동하는 링크를 말 함. 예를들어.. 링크를 클릭하면 페이지 맨 위에서 맨 밑으로 이동하거나 그 반대의 경우처럼 말이다. 그것을 HTML에서는 '앵커'라고 한다.

사용 문법:
앵커 링크가 걸릴 텍스트 또는 이미지
.......
앵커걸린 텍스트/이미지를 클릭했을 때 이동해 가려고 하는 위치

예제) "텍스트01"를 클릭하면... "위치A"로 이동

텍스트01
텍스트02
텍스트03
텍스트04
텍스트05
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
..................
위치 A
위치 B
위치 C
위치 D
위치 E/a>

TOP

설명:
예를 들어... 웹페이지의 하단에 TOP이란 글자가 있다고 할 때.. 이 "TOP" 이란 란 글자를 클릭하면 웹페이지 맨 위( 태그가 있는 위치로 이동하게 된다. 왜냐하면 "TOP"이란 글자에 "앵커"를 걸었기 때문이다. 마찮가지로 "텍스트01"을 클릭하면 웹페이지 "위치A"로 이동하게 된다.