[JS] HTML

paenge1004·2021년 9월 1일
0

JS / jQuerry

목록 보기
2/6

HTML

웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류.
하이퍼텍스트를 작성하기 위해 개발.

HTML에서 사용하는 명령어는 태그(tag), 괄호"<>"를 사용.
종료 태그의 이름은 슬래시 문자[/]로 시작.

HTML5(XHTML5 표준) 형식

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
     <meta charset="utf-8" />
     <title></title>
</head>
<body>

</body>
</html?

모든 예제는 HTML5 표준 형식 사용

<!DOCTYPE html>
<html>
<head>
     <title></title>
</head>
<body>

</body>
</html>

자바 스크립트 코드 위치

기본 페이지의 head 태그 사이에 script 태그 삽입.

HTML5에서는 script 태그에 type 속성을 적지 않는게 원칙.

~
<head>
     <title></title>
</head>
<body>
~

자바스크립트 작동

HTML 페이지의 각 태그는 웹 브라우저에 의해 순차적으로 실행.

! 웹 브라우저는 head 태그를 먼저 읽은 후 body 태그를 읽음.
-script 태그를 head 태그에 넣으면 body 태그를 읽기 전에 실행 .
-body 태그에 넣으면 head 태그를 실행한 후 실행.
-script 태그를 head 태그 안에 넣어야 코드를 살펴보기 편함.

예제

<!DOCTYPE html>
<html>
<head>
     <script>
         alert('Hello World..!');
      </script>
</head>
<body>

</body>
</html>

오류 확인 방법

콘솔

오류를 확인하는 방법은 크롬에서 F12 키 실행

코드 오류 시, 우측 하단에 경고 -> 경고 클릭, 오류가 발생한 코드 확인 가능

타 브라우저의 F12키를 통한 오류 확인

  • 복잡한 과정, 크롬으로 검사하는 것을 추천.

0개의 댓글