↘ 프로그램
HTML 책갈피 태그 페이지 내 목차 클릭 시 해당 내용으로 이동
잡학 연구원
2023. 1. 11. 23:51
반응형
목차 클릭 시 해당 내용으로 이동 시키기.
보고 있는 페이지 내에서 목차를 클릭했을 때 해당 내용으로 이동되는 HTML입니다. 목차를 상단에 정리를 하고, 목차 제목을 클릭하면 하단의 내용으로 이동되시키게 되면 목차(차례)를 클릭 하는 것만으로 원하는 내용으로 바로 이동되어 빠르게 볼 수 있다는 것이 장점입니다.
2023년 부동산 정책 발표로 알아보는 바뀌는 9가지
2023년 달라지는 부동산정책. 1. 주택 투기지역 완화. 2. 민간택지 분양가 상한제 적용지역 해제. 3. 전매제한 완화. 4. 수도권 분양가 상한제 주택 실거주 의무 폐지. 5. 중도금대출 보증 분양가 기
aoziwoo7.com
*해당 페이지는 HTML 책갈피 태그를 목차에 적용 시켜 놓았습니다. 어떤식으로 적용이 되는지 궁금하시다면 해당 포스팅에 들어가셔서 확인해 보시길 바랍니다.
HTML 책갈피 태그.
1번에 적힌 태그가 목차, 2번에 적힌 태그가 목차 클릭 시 이동되는 곳입니다.
<a href="#list1">클릭할 글자 or 이미지</a>
<a id="list1">클릭하면 이동 될 내용</a>
여기서 list(숫자)를 바꿔주면 여러개의 목차와 이동될 내용을 연결 시킬 수 있습니다.
list1, list2, list3.... (목차와 이동될 곳의 숫자는 일치해야 합니다. list1에서 list1로 이동 됩니다. list1에서 list2로 이동은 불가합니다.)
반응형