웹 페이지 내 원하는 위치로 이동하기
□ 목록
- 웹 페이지 이동이 필요한 경우 (여기 클릭)
- HTML 기본구조
- 실제 예제 알아보기
※ 코코쥬안(Cocojuan) Tistory Blog
- 블로그 자료 정리 All Information Maphttps://cocojuan.tistory.com/390
- HTMLfortistorybloghttps://cocojuan.tistory.com/643
1. 웹페이지 이동이 필요한 경우 (여기로 이동)
- 위와 같이 목록에 목차를 기입하는데 아래에 양이 많아져 원하는 곳으로 가기를 원하는 경우
- 글 내용이 길어 다시 처음으로 가기를 원하는 경우
- 내용 중 해설이 필요한 경우 하단에 내용을 표시한 경우
2. HTML 기본구조
- 클릭하는 지점 <a href="#move0">내용입력</a>
- #은 네임 앞에 꼭 붙여야 함
- 뒤에 move는 원하는 단어 입력하면 됨, 물론 이동지에도 같은 네임 붙여야 함
- 클릭했을 때 이동하는 지점<p id="move0" >여기에 도착</p>
3.실제 예제 알아보기
- 이 페이지의 상단의 목록에서 "웹 페이지 이동이 필요한 경우"에 <a href="#move0"> 이라고 "#move0" 함수 만듦
- 목록을 클릭하면 위의 "1.웹페이지 이동이 필요한 경우"로 이동 → 이동 목적지 id="move0"를 지정 했기 때문
댓글