반응형 html2 서식을 활용한 블로그 목차 자동으로 만들기 목차 [숨기기] 1. 서식이란? 2. 활용 방안 2-1. 목차 자동화 1. 서식이란 본격적으로 포스팅을 시작하기 앞서 '서식'이라는 템플릿을 적용한다고 생각하시면 됩니다. 보통은 텍스트만을 사용하시는 분들도 많은데 서식은 HTML도 적용되기 때문에 본문에 목차를 넣을 때 사용하면 HTML 작업을 별도로 할 필요 없이 간단하게 목차를 만들 수 있습니다. 2. 어떻게 활용할 수 있을까 위 예제처럼 제목과 본문에 각각의 서식을 적용해서 간편하게 글을 쓰는 방법이 있습니다. 저는 텍스트만 활용하지 않고 HTML을 사용하는 걸 선호합니다. HTML은 일단 길고 영어를 써야하므로 포스팅 할 때마다 적는게 여간 귀찮은 일이 아니기 때문입니다. 2-1. 목차 자동화 블로그 관리에 들어와서 "서식 관리"를 누르고 HTM.. 2023. 7. 10. HTML을 활용해서 블로그 목차를 만들어보자 목차 1. 목차 만들기 2. 목차에서 제목 바로가기 설정 HTML 코드 3. / 를 활용한 목차 만들기 예시 4. 자동화하는 법 1. 목차 만들기 목차에 HTML을 태그하기 전에 우선적으로 목차를 만들어야 합니다. 우선 목차를 이렇게 만들고 본문도 같이 만들어 줍니다. 2. 목차에서 제목 바로가기 설정 HTML 코드 맨 위에 있는 포스팅에서 볼 수 있듯이 목차에 있는 소제목을 누르면 소제목으로 바로 갈 수 있는 링크를 걸어두었습니다. 저희는 HTML 태그를 통해 한번 배워보도록 하겠습니다. 필요한 태그 1. 2. / 를 활용한 목차 만들기 예시 HTML 편집을 들어가줍니다. 보라색 위쪽이 목차 부분이고 보라색 아래쪽이 소제목(본문)입니다. 목차와 소제목을 1대1 매칭을 해주셔야 합니다. .. 2023. 7. 10. 이전 1 다음 반응형
