독립적인 콘텐츠를 article로 표현하기

이번 단계에서 배울 내용

<article>은 공지, 뉴스, 블로그 글처럼 다른 곳에 따로 옮겨도 하나의 콘텐츠로 이해할 수 있는 내용을 묶습니다.

글 자체의 제목은 <article> 안에 두고, 작성일이나 작성자처럼 글을 마무리하는 정보는 글 안의 <footer>에 둘 수 있습니다.

예시

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

<article>
  <h2>휴관 안내</h2>
  <p>월요일은 휴관합니다.</p>
  <footer>작성일: 2026-01-01</footer>
</article>

해야 할 일

준비된 온라인 수업 공지를 하나의 <article>로 바꾸세요. id는 notice로 지정하고, 제목과 작성일이 글의 올바른 위치에 있도록 구성합니다.

완성 조건

• <article id="notice">를 한 개 만듭니다.
• 공지 제목을 <article>의 바로 안쪽에 <h2>로 둡니다.
• 작성일 문장을 <article>의 바로 안쪽 <footer>에 둡니다.
• 페이지 제목 <h1> 다음에 글 제목 <h2>를 사용합니다.

작업 방법

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

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

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

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

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

도움말: 기존 <section>을 <article id="notice">로 바꾸고, 작성일 문단의 태그를 <footer>로 바꾸세요.