출처 : http://dsk114.com.ne.kr/html/link03.html
| ◈ 같은 문서 안에서 특정 위치로 링크하기 ◈ |
이것 역시 <a> 태그에서 name속성을 지정하여 사용합니다. 같은 문서의 내용중 특정한 위치로 연결시킬때 이 방법을 사용하는데. 한페이지에 많은 양의 정보를 나타내고자 할때 아주 유용합니다. 이러한 문서내의 링크는 링크를 삽입할 때와 비슷하지만 href속성에 # 기호와 특정위치이름을 삽입하면 됩니다. 사용방법은 다음과 같습니다. 이방법도 이동 되어질 특정 문서의 맨 아래에 <br>태그를 여러번 넣어 공간을 많이 주어야 아래부분의 위치를 특정위치로 클릭했을 때 문서의 위치가 제대로 나타납니다. 맨 아래에만 삽입하면 됩니다. |
|
| <a href="#특정위치지정">개요</a> <a name="이동될 위치이름">개요(특정위치제목)</a>
|
<html> <head> <title>html 문서의 연결</title> </head> <body> <center> <a href="#BMP파일을 아이콘으로">BMP파일을 아이콘으로</a><br>
<a href="#아이콘 옮기기">아이콘 옮기기</a><br>
<a href="#조각모음을 빠르게">조각모음을 빠르게</a><br>
<a href="#디스크 검사 하기">디스크 검사 하기</a><br>
</body> </html>
|
<html> <head> <title>동일 폴더 안에 다른 문서의 특정위치에 링크하기</title> </head> <body> <center> <a name="BMP파일을 아이콘으로">BMP파일을 아이콘으로</a><br>
<a name="아이콘 옮기기">아이콘 옮기기</a><br>
<a name="조각모음을 빠르게">조각모음을 빠르게</a><br>
<a name="디스크 검사 하기">디스크 검사 하기</a> <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br>
</body> </html>
|
<br>태그를 많이 사용한 이유는 맨아래 공백이 넉넉히 있어야 링크를 클릭 했을때 특정위치가 제대로 나타나기 때문입니다. |