<a>태그의 속성중에 name이라는 속성이 있습니다. 이는 링크의 이름을 지정합니다.
링크에 이름을 지정하면 문서내에서도 이 이름을 이용하여 이동이 가능합니다.(페이지 이동이 아니라 스크롤을 통한 이동)
문서내부로 링크를 걸때는 #과 내부링크의 name 속성값을 적어주면 됩니다.
|
<p><a href="#bottom">문서의 하단으로</a></p>
<p style="height:600px;">스크롤이 되는 효과를 나타내기 위해서 이 문단의 높이를 높게 지정합니다.</p>
<p><a name="bottom">여기가 문서의 하단</a></p> |
위의 소스에서 style="height:600px;" 이 부분은 CSS 입니다. CSS 부분을 공부하면 간단하게 이해가 됩니다.
만일 위의 소스를 가지고 확인시 스크롤바가 생기지 않으면 height:600px 이 부분을 증가시켜 주면 됩니다.