[펌][블로그] 글자 클릭시 해당 지점으로 이동하는 방법

|
출처 : 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>태그를 많이 사용한 이유는 맨아래 공백이 넉넉히 있어야 
링크를 클릭 했을때 특정위치가 제대로 나타나기 때문입니다.


◈ 실행결과 ◈


Trackback 0 And Comment 0
prev | 1 | ··· | 9 | 10 | 11 | 12 | 13 | 14 | 15 | next