보통 HTML 을 이용한 Top 버튼의 경우

<div id="#top"> 과 같이 최 상단에 만들어 두고
<a href="#top">TOP</a> 와 같이 이용한다.
그냥 <a href="#"> TOP</a>을 이용하는 경우도 있는데
이 경우 주소의 제일 뒤에 #이 붙는다.
http://sadtear.tistpry.com/# <== 이런식으로
이 # 기호는 추후 파라미터오류가 나는 경우가 있어서 비추!!

자바스크립트를 이용하는 방법으로 작성하였다
상당히 간단..

<div style="cursor:pointer;" onclick="window.scrollTo(0,0);">TOP</div>

div가 아니라 span이나 td 등을 사용해도 되고
cursor:pointer 는 마우스 커서를 손가락 모양으로 변경해 주는 스크립트
onclick 이벤트에
window.scrollTo 를 사용해서 (x,y) 를 (0,0) 으로 이동 시켜 주는 스크립트.

결국 클릭시 최상단으로 이동된다.