행사 안내와 신청 폼 페이지 만들기

이번 단계에서 배울 내용

행사 페이지는 행사 소개와 신청이라는 서로 다른 목적을 함께 담습니다. 행사 소개는 독립적인 <article>, 일정은 순서가 있는 <ol>, 신청은 별도의 <section>과 <form>으로 구성할 수 있습니다.

날짜에는 <time>, 관련 입력 묶음에는 <fieldset>, 반드시 필요한 값에는 required를 사용합니다.

예시

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

<header><h1>개발자 행사</h1><nav>행사 메뉴</nav></header>
<main>
  <article><h2>웹 접근성 세미나</h2><time datetime="2026-09-01">9월 1일</time></article>
  <section>
    <h2>참가 신청</h2>
    <form>
      <fieldset><legend>참가자 정보</legend><input required></fieldset>
      <button type="submit">신청하기</button>
    </form>
  </section>
</main>

해야 할 일

HTML 학습 행사의 안내와 신청 페이지를 완성하세요. 머리말의 메뉴, 날짜가 있는 행사 소개, 두 단계 일정, 세 개의 필수 입력을 묶은 신청 폼, 제출 버튼을 구성합니다.

완성 조건

• 페이지 <header> 안에 <nav>를 한 개 둡니다.
• 행사 소개 <article> 안에 <time>을 한 개 둡니다.
• schedule이라는 id의 순서 목록 바로 안에 항목을 두 개 둡니다.
• register라는 id의 영역 안에 필수 입력을 세 개 둡니다.
• 신청 영역 안에 <fieldset>을 한 개 둡니다.
• 신청 영역 안에 type="submit"인 버튼을 한 개 둡니다.
• 제목 단계를 <h1>부터 순서대로 사용합니다.
• 세 신청 입력에 각각 연결된 label이 있습니다.

작업 방법

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

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

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

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

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

도움말: 안내 article을 먼저 완성한 다음 section id="register" 안에서 신청 폼을 작성하세요.