모두의 HTML5 & CSS3: 1 키즈가오의 폴더 구조

style.css 파일과 키즈가오 이미지 파일은 파일 관리를 효과적으로 하기 위해 각각 css와 img 폴더 안에 담아 두었습니다. 웹 사이트 작업 전에 폴더 및 파일을 잘 관리해야 추후 유지 보수 작업을 수월하게 진행할 수 있습니다. 각 파일이 어느 폴더에 있는지에 따라 파일 경로가 달라진다는 점을 잊지 마세요.

키즈가오는 익스플로러 10 버전 이상의 브라우저를 고려하여 기획·디자인·개발했습니다. HTML5와 CSS3 신조어를 적극 사용할 수 있어서 개발 작업이 수월했습니다.

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

<!DOCTYPE html> ➊
<html>
<head>

<meta charset="UTF-8"> ➋
    <meta name="description" content="우리쌀 점토로 만든 키즈가오 웹 사이트 소개"> 
    <meta name="keywords" content="키즈가오, 점토, 장난감"> 
    <meta name=author" content="김인권">

    <title>키즈가오</title> ➌
    /* 현재 style.css 파일의 경로를 입력합니다. */
    <link rel="stylesheet" href="css/style.css"> ➍
</head>
<body></body>
</html>
</head>
<body></body>
</html>

신간 소식 구독하기

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