잘못된 제목과 문단 구조 고치기

이번 단계에서 배울 내용

문서의 구조는 제목과 내용의 관계가 명확해야 합니다. 페이지 전체 제목은 <h1>, 그 안의 구역 제목은 <h2>, 일반 설명은 <p>를 사용합니다.

<section>은 하나의 주제로 묶이는 구역을 나타냅니다. 보통 구역을 설명하는 제목을 함께 둡니다.

예시

아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.

<main>
  <h1>여행 안내</h1>
  <section>
    <h2>준비물</h2>
    <p>편한 신발을 준비하세요.</p>
  </section>
</main>

해야 할 일

준비된 문서에서 태그가 내용의 역할과 맞도록 고치세요. 프론트엔드 학습은 페이지 제목, 오늘의 목표는 구역 제목, 마지막 문장은 구역의 설명 문단입니다.

완성 조건

• 프론트엔드 학습을 <h1> 한 개로 작성합니다.
• <section> 바로 안에 <h2>오늘의 목표</h2>를 둡니다.
• <section> 바로 안에 설명 <p>를 한 개 둡니다.
• 제목 단계를 <h1> 다음 <h2> 순서로 사용합니다.

작업 방법

1. 에디터에서 index.html을 엽니다.
2. TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.
3. 미리보기에서 결과를 확인한 뒤 제출합니다.

별도의 입력값은 없습니다.

에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.

별도의 출력값은 없습니다.

수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.

도움말: 기존 바깥 <div>는 <section>으로 바꾸고, 그 안의 제목과 설명에 각각 맞는 태그를 사용하세요.