HTML의 책갈피 기능

앵커태그의 응용

앵커태그 테스트.zip

<a name="#name"> 이동될 목적지를 찍어 놓는 곳. 

버튼을 눌렀을 때 현재 페이지의 특정 부분으로 이동 시키는 방법

1) 이동 시켜주고 싶은 단어, 문장에서 

<a name="#name"></a> 

여러 군데로 지정하려면 #name이 각각 틀려야함.

<---책갈피를 끼우는 것과 같음.

2) 해당 위치로 이동하게 해줄 버튼을 먼들어 준다

<a href="#name">텍스트 또는 이미지</a>

여러 군데로 지정하혔다면 각각 알맞는 #name를 링크해줘야함.

<---책갈피를 끼운 곳을 찾아가는 것과 같음.

다른 페이지의 특정 부분으로 이동 시키는 방법

1) 버튼이 있는 페이지(1.html), 보여질 페이지(2.html)를 만든다.

2) 2.html을 열어서 해당 부분에 named anchor(표시점)을 넣어준다.

<a name="#name"></a>

3)1.html을 열어서 버튼을 만들어준다.

<a href="#" onclick="window.open('페이지주소#name','','scrollbars=yes,resizableno, width=500,height=500')">텍스트 또는 이미지</a>

참고 블로그 : http://roprogramer.tistory.com/10