웹마스터 팁

  2. Support
  3. 웹마스터 팁

스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기

2002.09.28 14:07

유지호

가끔가다가 어떤 링크를 클릭하면 페이지의 맨위로 이동하거나, 특정 부분으로 이동하는 것을 보셨을 겁니다.

애니메이션이나 영화의 용어정리 페이지를 만들때 이런 기능이 굉장히 유용하죠.
(저도 애니메이션 팬사이트를 관리하고 있기 때문에 잘 알죠^^;)

방문자분들이 해당하는 정보를 찾으려고 일일히 스크롤바 내려서 보지 않아도 되고^^;;

그럼 본격적으로 말씀드리겠습니다^^

----------

<a name="원하는 이름">을 이동하기를 원하는 위치에 넣어줍니다. 이때 사용할 이름은 꼭 영문이나 숫자로 해 주셔야 하고요...

다음에는 이동버튼을 삽입해야겠죠?^^

<a href=#원하는 이름>을 이용하면 간단합니다. 물론 '원하는 이름'에 들어갈 말은 에것과 같은 것이어야 겠죠^^

다음과 같은 식으로 넣어주시면 됩니다.

-----
<a href=#1>ㅁㅁㅁ</a>

<a name="1">ㅁㅁㅁ
-----

이런 식으로 만들면 ctrl + F를 누르지 않고도 원하는 곳으로 쉽게 이동할 수 있습니다^^

예제: http://dbwlgh.cafe24.com/HTML2/menuel/1.html

그럼 멋진 홈페이지 만드세요^^
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[Siren]페이지 여백 없애기 [8] 세이렌 2002.07.31
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] ZipShin 2002.07.31
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] ZipShin 2002.08.07
[HTML 초보자] HTML 홈페이지의 태그 기본구조2. [13] ZipShin 2002.08.09
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] 세이렌 2002.08.12
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1) [5] 키르(SP) 2002.08.15
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] 키르(SP) 2002.08.15
노프레임 홈페이지 만들기 강좌:) [53] file Alunar@R. 2002.08.22
[Tip]한글 97로 홈페이지 틀 짜기 [8] file Alunar 2002.09.21
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] 유지호 2002.09.28
모바일(핸드폰용) 홈페이지 만들기. [8] 고광욱 2003.01.13
웹페이지 대화상자 띄우기. [4] 세죠위그이 2003.02.05
쭘's 식 쉽게 홈페이지 만들기 [15] file 쭘's 2003.03.17
노프레임홈페이지 디비기 1 - 계층 [16] file 리디 2003.03.25
노프레임홈페이지 디비기 2 - 헤더와 풋터 [57] file 리디 2003.03.26
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함 [14] file 쭘's 2003.03.30
노프레임홈페이지 디비기 3 - 경로 [42] file 리디 2003.03.31
홈페이지의 위아래를 바꾸어 보자! [10] 세죠위그이 2003.04.01
노프레임홈페이지 디비기 4 - 쌍벽 [36] file 리디 2003.04.08
스스로 사라지는 웹페이지 만들기 [3] 최재철 2003.04.08
태그 쓰기