markdown toggle 접는 영역 만들기 / 깃허브 readme toggle

 

깃허브에 toggle/토글/접는 영역 만들기 

이렇게 토글 toggle 즉 접었다가 삼각형 누르면 펼쳐지는 영역 만들기 

 

 

 

Code

<br/>
<details markdown="1">
<summary><strong> 제목 </strong></summary>
<br/>
토글 영역
</details>

<br/>
<details markdown="1">
<summary><strong> 제목 </strong></summary>
<br/>
토글 영역
</details>

 

 

각각을 설명하면 

1. </br> 은 빈 줄 삽입. 그 전 내용이랑 한 줄 띄우는 것 

2. <details markdown="1">은 토글을 쓰겠다는 뜻. 접는 삼각형을 만들어줌. 없으면 그냥 - 이랑 같다 

3. <summary> </summary> 토글의 제목을 쓰는 것. 가운데에 글자를 쓰면 된다. 

4. <strong> </strong> 제목을 볼드체로 만들어준다 

5. <br> 또 다시 한 칸 띄워주는 것 

6. 토글 영역 여기다가 글을 쓰면 글이 써진다. 

7. </details> 토글의 끝 

 

 

 

 

예시 

<br/>
<details markdown="1">
<summary><strong> A mountain image </strong></summary>
<br/>
 <p align = "center">
  <img width="550" alt="!" src="https://user-images.githubusercontent.com/68208055/215959931-6a4b86db-a03e-4803-b53c-4b51373a634c.png">
 </p>
</details>

<br/>
<details markdown="1">
<summary><strong> A mountain image </strong></summary>
<br/>
 <p align = "center">
  <img width="550" alt="!" src="https://user-images.githubusercontent.com/68208055/215959931-6a4b86db-a03e-4803-b53c-4b51373a634c.png">
 </p>
</details>