HTML:앵커

틀:HTML HTML에 대한 문서들 모음집

1. HTML:태그
2. HTML:head
3. HTML:리스트 만들기
4. HTML:태그 속성
   1. HTML:링크
   2. HTML:앵커
5. 컨텐츠 삽입
   1. HTML:이미지
   2. HTML:음악
6. HTML:요소 꾸미기
   1. HTML:헤더, 네비게이터
   2. HTML:알림버튼 만들기

개요

링크를 타고 이동하는 것이 아닌, 한 페이지 안에서 이동하고자 할 경우에 사용하는 기능이다.

사용법

도착 포인트에 앵커 지정하기

<ul id="***">

<img src="***" id="***">

<table id="***">

등으로 각 요소의 id를 지정하는 것으로 앵커를 지정할 수 있다.

링크 만들기

다음과 같은 형식으로 하이퍼링크를 만들면 이동한다.

<a href="#앵커">앵커</a>

최상단으로 이동시키고 싶다면 다음과 같이 입력한다.

<a href="#">위로</a>

비고

부드럽게 이동하는 것이나 특수한 효과는 CSS나 자바스크립트, J쿼리 따위를 이용한다.