![[HTML] 내용 접고 펼치기 구현방법 (details)](https://2days.kr/wp-content/uploads/2024/04/featured_image-897.jpg "[HTML] 내용 접고 펼치기 구현방법 (details)")
내용 접기와 내용 펼치기
| 티스토리 블로그에서 목록의 내용이 많아지면서 이제 내용을 줄이고 목록을 펴고 줄이고 할 수 있는 HTML Tag 공유합니다 |
□ 목록
- ‘details’ tag란?
- HTML 기본구성 (사용방법)
- 결과 값 확인하기
| |
| ♠ 블로그 자료 정리 MAP ♠ 유투브 업데이트 정리 MAP ♠ https://www.youtube.com/cocojuantv |
| ♠ 티스토리에 사용할 HTML 정리 |
1. ‘details’ tag란?
- 클릭하면 숨겨진 정보를 보여주는 tag 입니다
2. HTML 기본구성 (사용방법)
<details>
<summary> 숨겨진 정보가 있습니다 </summary>
<p> 숨겨진 정보가 표시됩니다 </p>
</details>
3. 결과 값 확인하기
| ‘▶’ 모양이면 선택하면 자세한 내용 확인할 수 있습니다 | 클릭 후 자세한 내용이 표시되었습니다 |
 |
