웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기
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
그럼 멋진 홈페이지 만드세요^^
애니메이션이나 영화의 용어정리 페이지를 만들때 이런 기능이 굉장히 유용하죠.
(저도 애니메이션 팬사이트를 관리하고 있기 때문에 잘 알죠^^;)
방문자분들이 해당하는 정보를 찾으려고 일일히 스크롤바 내려서 보지 않아도 되고^^;;
그럼 본격적으로 말씀드리겠습니다^^
----------
<a name="원하는 이름">을 이동하기를 원하는 위치에 넣어줍니다. 이때 사용할 이름은 꼭 영문이나 숫자로 해 주셔야 하고요...
다음에는 이동버튼을 삽입해야겠죠?^^
<a href=#원하는 이름>을 이용하면 간단합니다. 물론 '원하는 이름'에 들어갈 말은 에것과 같은 것이어야 겠죠^^
다음과 같은 식으로 넣어주시면 됩니다.
-----
<a href=#1>ㅁㅁㅁ</a>
<a name="1">ㅁㅁㅁ
-----
이런 식으로 만들면 ctrl + F를 누르지 않고도 원하는 곳으로 쉽게 이동할 수 있습니다^^
예제: http://dbwlgh.cafe24.com/HTML2/menuel/1.html
그럼 멋진 홈페이지 만드세요^^
댓글 10
-
[문(서]류)
2002.09.28 16:52
나모웹에디터 상이 아니더라도 이런 기능을 책갈피 기능이라고 합니다. -
한글사랑zenity
2002.09.28 23:58
영어로 하이퍼텍스트 라고하죠 -
박성민
2002.09.28 14:57
꼭 필요했던 건데.. 감사합니다 ^ㅡ^* -
김지성
2002.09.28 15:54
나모 웹에디터상에서는 책갈피라는 기능이라죠. 쿨럭쿨럭. -
풍월주인
2002.09.29 00:36
참고로
<a href=#>ㅁㅁㅁ</a>
위에처럼 href값을 #만 입력하면 문서의 처음으로 갑니다. -
유지호
2002.09.29 09:25
전 나모를 사용하지 않아서...--;; -
지구인
2002.10.10 22:39
<a href=#none>ㅁㅁㅁ</a>
이렇게 하면 아무데도 움직이지 않고 그냥 가만히 있습니다.
어디다 쓰냐하면.. 자바스크립트 같은 거 쓸 때 유용합니다. -
쩌비
2002.11.23 18:51
한글사랑zenity // 아닙니다. 하이퍼텍스트는 모든 링크된 글을 총칭하는말입니다. -
SKill
2003.02.10 12:49
하이퍼링크?? 하이퍼텍스트?? 똑같은말인가요? -
신태하
2003.02.23 20:34
뚤후 뚤후뚜
따따따
제목 | 글쓴이 | 날짜 |
---|---|---|
<TD>에 스크롤바 생성하기!! [12] | millth | 2003.08.04 |
새창에서 세로스크롤만 되도록 하기 [10] | 윙크벨 | 2003.06.26 |
스크롤바 내맘대루 색바꾸기 [예제추가] [5] | ˚ⓢⓘⓔ。 | 2003.06.07 |
CSS파일이용하여 링크에 건반효과주기(강력추천) [8] | 호호짱 | 2003.05.23 |
새창뜨는 링크 누를때 스크롤바 고정시키기 [8] | REAL | 2003.04.09 |
스크롤바 색 바꾸기 [1] | 권순빈 | 2003.02.03 |
스크롤바 뒤집을때 문서 전체가 뒤집히는것 방지할때 [4] | K.샘 | 2003.02.01 |
스크롤바 자동/예/아니오 [11] | 레드 | 2003.01.18 |
[레드의 태그중급]폼 태그..(이상해져서 삭제하구 다시 적습니다) [3] | 레드 | 2003.01.15 |
[레드의 태그초보]아이프레임을 새롭게 구조하였습니다..(;;) [3] | 레드 | 2003.01.14 |
[1분짜리 팁!] 스크롤바 왼쪽으로 위치하게 하기! [6] | 찐군 | 2003.01.09 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |
필드셋 응용;;; | teslaMINT | 2002.12.21 |
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
레이어에 스크롤바 달기(예제보기 제거) [13] | TheMics | 2002.08.09 |
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
TEXTAREA 스크롤바 뒤집기 [4] | ZipShin | 2002.06.20 |
스크롤바 색상 변경 ...! [6] | 오빠야™ | 2002.06.17 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
iframe태그.. HTML문서안에 또하나의 HTML문서.. [9] | 신종은 | 2002.05.09 |