소프트웨어 설계

[1주차] 소프트웨어 설계

리버윤 2025. 3. 4. 11:52
728x90

지필고사

 

1. 외부 자바스크립트

// HTMLPage.html
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
    <link rel="stylesheet" href="Style.css">
    <script  src="OuterJavaScript.js"> </script>
</head>
<body>
    <h1>Hello World..!</h1>
</body>
</html>
//Style.css

h1 {
    color: white;
    background: black;
}
//OuterJavaScript.js

alert('OuterScript');

 

 

2. 오류와 검증

웹브라우저 실행 후 오른쪽 마우스 클릭 -> 검사 /  [F12] (또는 [Ctrl]+[Shift]+[I])

<!DOCTYPE html>
<html>
<head>
    <title>강윤서의 홈페이지입니다.</title>
    <link rel="stylesheet" href="Style.css">
    <script  src="OuterJavaScript.js"> </script>
</head>
<body>
    <h1>이름</h1>
    <p>강윤서</p>
    <h1>학번</h1>
    <p>202226024</p>
    <h1>소개</h1>
    <p>3학년 강윤서라고 합니다. 잘 부탁드립니다.</p>
</body>
</html>
alert('강윤서의 홈페이지에 오신 것을 환영합니다!');
h1 {
    color: rgb(25, 0, 255);
}
728x90