빈 요소를 올바르게 사용하기

이번 단계에서 배울 내용

<img>와 <br>처럼 안에 내용을 넣지 않는 태그를 빈 요소라고 합니다. 빈 요소에는 별도의 닫는 태그를 작성하지 않습니다.

<img>의 src는 이미지 파일의 위치를 나타냅니다. alt는 이미지를 볼 수 없을 때 전달할 설명입니다. <br>은 같은 문단 안에서 꼭 줄을 바꿔야 할 때만 사용합니다.

예시

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

<img src="map.jpg" alt="행사장 약도">
<p>부산역 1번 출구<br>도보 5분</p>

해야 할 일

제목 아래에 landscape.jpg 이미지를 한 개 추가하고 이미지 내용을 설명하는 alt를 작성하세요. 이어서 하나의 문단 안에 아침 풍경과 저녁 풍경을 쓰고 두 문장 사이를 <br>로 한 번 줄바꿈합니다.

완성 조건

• <img> 요소를 한 개 만듭니다.
• 하나의 <p> 문단 안에서 <br>을 한 번 사용합니다.
• 이미지의 src 값은 landscape.jpg로 작성합니다.
• 페이지 제목은 <h1>부터 시작합니다.
• 이미지에 내용을 설명하는 비어 있지 않은 alt 속성을 작성합니다.

작업 방법

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

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

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

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

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

도움말: <img>와 <br> 뒤에는 </img>, </br> 같은 닫는 태그를 쓰지 않습니다.