더북(TheBook)

예제 소스 Exercise/13장/KidsGao/index.html

<!-- Farm3 Section -->
<div id="farm3">
    <div class="farm3Window"></div>

    <!-- machineWrap: 기계를 구성하는 이미지 여섯 개를 담을 서랍장을 만듭니다. -->
    <!-- machineWrap -->
   <div class="machineWrap">     
    <div class="machine1"></div>    
    <div class="sawShadow"></div>
    <div class="saw1"></div>
    <div class="saw2"></div>
    <div class="machineBird"></div>
    <div class="timer"></div>
</div>
 
    <!-- 정보성 이미지는 <img> 태그를 사용합니다. -->
    <img class="farm3Bubble" src="img/farm/farm3/farm3bubble.png" alt="기계를 이용해 쌀알의 딱딱한 껍질을 벗겨 냅니다.">    
</div>

 

<div class="machineWrap"> 서랍장 안에 기계, 톱니바퀴 두 개, 톱니바퀴 그림자, 새, 타이머 등 이미지 여섯 개를 삽입할 영역을 만듭니다.

정보성 이미지인 말풍선은 웹 접근성을 고려하여 <img> 태그를 사용합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.