HTML-책갈피

jupyter page 내에서는 (원하는 제목)[#헤드네임] 으로 원하는 곳으로 이동할 수 있다. 하지만 블로그를 만드면서 ipynb을 그대로 사용하고 싶어서 방법을 찾아보았다.

• jupyter page 내 링크 이동 참조 블로그
• HTML 내 책갈피 이동 참조 블로그

간단한 설명

• 클릭할 부분의 코드
  • 한글 및 띄어쓰기가 안된다.
  • 링크의 시작은 #으로 한다.
    
    
    

    <a href="#A_go">A</a>
  

  
  

• 클릭하면 이동될 위치의 코드
  • 링크 주소에서 # 부분은 제외하고 적어주면 된다.
  • 아직까지 에러가 발생한 상황은 없었고 아무곳이나 넣어주어도 된다.
    
    
    
    

    <p id="A_go"></p>
  
    ## A
  
    여기는 A라는 내용의 문단입니다.
  

실전 예시

• 목차 아래 A, B, C 를 차례대로 눌러 확인해본다.

목차 작성

• A
• B
• C

실제 코드

- <a href="#A_go">A</a>
- <a href="#B_go">B</a>
- <a href="#C_go">C</a>

A

여기는 A라는 내용의 문단입니다.

실제 코드

<p id="A_go"></p>

## A

여기는 A라는 내용의 문단입니다.

B

여기는 B라는 내용의 문단입니다.

실제 코드

<p id="B_go"></p>

## B

여기는 B라는 내용의 문단입니다.

C

여기는 C라는 내용의 문단입니다.

실제 코드

<p id="C_go"></p>

## C

여기는 C라는 내용의 문단입니다.

결론

• 이렇게 하면 주피터 내에서 뿐만 아니라 블로그에서도 이동하는 것을 볼 수 있다.