IT/생활코딩

[WEB2] JavaScript : 3.HTML과 JavaScript의 만남1 (script태그)

_하늘여우_ 2020. 12. 2. 23:25

출처 : unsplash

 

■ 들어가기

- 생활코딩 내 강의(https://youtu.be/Ru5zGHkOgic) 를 들으며 정리하는 블로그

 

 

1. JavaScript란

- 기본적으로 HTML언어 위에서 작동하도록 만들어진 언어

- HTML 언어 내에서 JavaScript를 사용하기 위해서는 <script> 태그 내에 코드를 작성하면 된다.

 

2. 코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>JavaScript</h1>
    <script>
      document.write('hello world') ;
    </script>
    <h1>HTML</h1>
    hello world
  </body>
</html>
cs

 

3. 결과

- JavaScript는 document.write() 메서드에 입력할 값을 넣어 출력하며

- HTML은 <body> 태그 내에 그대로 작성