그럼 intro 공간에 대한 HTML 설계 도면 작업을 진행하겠습니다.
예제 소스 Exercise/12장/KidsGao/index.html
<!DOCTYPE html> <html> <head>……</head> <body> <!-- Intro Section --> <header id="intro"> ➊ <!-- Intro Wrap: 로고와 동물 이미지를 담은 서랍장입니다. --> <!-- Intro Wrap -->
<div class="introWrap"> ➋ <div class="logo"></div> <div class="lion"></div> <div class="rabbit"></div> <div class="bear"></div> <div class="monkey"></div> </div>
<!-- Cloud Wrap: 구름과 잠자리 이미지를 담은 서랍장입니다. --> <!-- Cloud Wrap -->
<div class="cloudWrap"> ➋ <div class="leftCloud"></div> <div class="rightCloud"></div> <div class="dragonfly"></div> </div>
</header> </body> </html>