2장 웹 페이지 기본 구조와 작성 방법

56페이지

코드 2-1 HTMLPage.html
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
</head>
<body>
    <h1>Hello World..!</h1>
</body>
</html>

기본예제 2-1

58페이지

코드 2-2 HTMLPageWithStyle.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
    <style>
        h1 {
            color: white;
            background: black;
        }
    </style>
</head>
<body>
    <h1>Hello World..!</h1>
</body>
</html>

기본예제 2-2

59페이지

코드 2-3 style.css
h1 {
    color: white;
    background: black;
}
코드 2-4 HTMLPageWithLink.html
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
    <link rel="stylesheet" href="Style.css">
</head>
<body>
    <h1>Hello World..!</h1>
</body>
</html>

기본예제 2-3

코드 2-5 HTMLPageWithScript.html
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
    <script>
        // 경고 창을 출력합니다.
        document.write('Hello JavaScript .. !');
    </script>
</head>
<body>
</body>
</html>

기본예제 2-4

코드 2-6 OuterJavaScript.js
document.write('Hello JavaScript .. !');
코드 2-7 HTMLPageWithOuterScript.htmll
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
    <script src="OuterJavaScript.js"></script>
</head>
<body>

</body>
</html>