➊ <div id="farm1"> 태그를 사용하여 farm1 배경 이미지를 삽입할 큰 공간을 만듭니다.

➋ 양쪽 벼와 농부 이미지가 들어갈 <div class="leftRice1">, <div class="farmer">, <div class="rightRice1"> 영역을 만듭니다. <main>과 <section> 태그로 공간을 만들기에는 해당 공간에 들어가 있는 정보가 위 두 태그의 사용 조건을 충족시키지 못하므로 <div> 태그로 큰 공간을 만들기도 합니다.

➌ <div class="farmSpeechWrap"> 서랍장을 만들고 ‘우리쌀 점토’ 이미지와 키즈가오 제품 소개 정보를 입력합니다. 앞서 언급했듯이 이미지는 크게 정보성 이미지와 장식용 이미지로 구분됩니다. 웹 접근성을 고려하여 정보성 이미지를 시각장애인에게 전달하려면 <img> 태그를 사용해야 합니다. 장식용 이미지는 보통 웹 사이트를 꾸미기 위해 사용하므로 background-image 속성을 사용합니다. ‘우리쌀 점토’ 이미지는 정보성 이미지이므로 여기서는 <img> 태그를 사용하는 것이 좋습니다.