하이퍼링크 - 북마크
하이퍼링크를 이용해 페이지 내에서 이동할 수 있는 북마크 기능을 이용할 수 있다.
같은 페이지 내 원하는 지점(북마크)으로 이동
우선 이동하고싶은 위치인 북마크 지점을 id로 지정해주어야한다.
<p id = "abc"> 문단내용 </p>
문단 태그 p에 id를 지정해주었다. 같은 태그라도 id로 각각을 구분해주기 위함이다.
<a href="#abc"> id=abc로 이동 </a>
해당 하이퍼링크 태그에 #abc로 id값을 부여하면 같은 페이지 내에서 해당 id의 태그가 있는 위치로 이동할 수 있다.
위에서 id를 abc로 부여했던 설정할 수 있다.
같은 페이지 내 최상단으로 이동
매칭되는 id가 없어도 #top을 href 속성값으로 넣으면, 페이지 최상단으로 이동한다.
<a href='#top'>최상단으로</a>
다른 페이지 내 북마크 이동
a 태그의 href 속성값으로 다른 페이지의 경로를 적은뒤에 #id를 넣어주면 된다.
다른 페이지로 이동해서 해당 id의 태그가 있는 위치로 화면이 이동된다.
<a href='/Step01#ccc'> Step01 이동 후 id값이 ccc인 태그로 이동</a>
'WEB > HTML' 카테고리의 다른 글
HTML input 태그 : form / input / label / select / textarea (1) | 2022.05.27 |
---|---|
HTML 표(Table) 만들기 - table, tr, th, td 태그 (1) | 2022.05.26 |
하이퍼링크 태그 a / 속성 href, target, title, download (1) | 2022.05.25 |
절대경로, 상대경로 / 이미지, 비디오, 오디오 삽입 태그 (0) | 2022.05.25 |
HTML 샘플 / 텍스트 태그 / 목록 태그 (li, ul, ol) (1) | 2022.05.25 |