반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
05-19 04:57
관리 메뉴

ImJay

HTML5 웹 프로그래밍 입문 제 2장 예제 풀이 본문

대학생활/모바일프로그래밍

HTML5 웹 프로그래밍 입문 제 2장 예제 풀이

ImJay 2022. 9. 19. 17:28
반응형

HTML5 웹 프로그래밍 입문 제 2장 예제 풀이


예제 2-1. 내부 스타일시트 작성과 실행

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

 

예제 2-1 결과화면

 

예제 2-2. 외부 스타일시트 작성과 실행

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5 Basic</title>
    <link rel="stylesheet" href="Style.css" />
  </head>
  <body>
    <h1>Hello World..!</h1>
  </body>
</html>
h1 {
    color: white;
    background: black;
}

 

예제 2-2 결과화면

 

예제 2-3. 내부 자바스크립트 작성과 실행

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5 Basic</title>
    <script>
      // 경고 창을 출력합니다.
      alert("Hello JavaScript .. !");
    </script>
  </head>
  <body></body>
</html>

 

예제 2-3 결과화면

 

예제 2-4. 외 자바스크립트 작성과 실행

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5 Basic</title>
    <script src="OuterJavaScript.js"></script>
  </head>
  <body></body>
</html>
alert("OuterScript");

 

예제 2-4 결과화면

 

궁금한 점은 댓글 부탁드립니다.

반응형
Comments