해결한 사람
2
명
정답률
33.33
%
시간 제한
5000
ms
메모리 제한
256
MB
페이지의 큰 구조는 <header>, <main>, <footer>로 나눌 수 있습니다. <header>에는 페이지 제목이나 소개, <main>에는 핵심 콘텐츠, <footer>에는 저작권이나 연락처 같은 마무리 정보를 둡니다.
이 요소들은 위치만 정하는 상자가 아니라 각 영역의 역할을 알려 주는 시맨틱 요소입니다.
아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.
<body> <header><h1>도서관</h1></header> <main><p>새 책을 소개합니다.</p></main> <footer><p>© 도서관</p></footer> </body>
준비된 내용을 역할에 맞는 세 영역으로 나누세요. 페이지 제목은 <header>, 학습 내용은 <main>, 저작권 문장은 <footer>에 둡니다.
<body> 바로 안에 <header>를 한 개 만듭니다.<body> 바로 안에 <main>을 한 개 만듭니다.<body> 바로 안에 <footer>를 한 개 만듭니다.<h1>부터 시작합니다.index.html을 엽니다.TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.별도의 입력값은 없습니다.
에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.
별도의 출력값은 없습니다.
수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.
도움말: 세 영역이 서로 겹치지 않도록 <header> 다음 <main>, 마지막에 <footer>를 배치하세요.