HTML 구조

Hyojung Han·2022년 9월 15일

프론트엔드 입문

목록 보기
8/14
<!DOCTYPE html>

<html>

    <head>


    </head>

    <body>


    </body>

</html>

<!DOCTYPE html> 
  • 문서(=페이지)의 HTML 버전을 지정 ( 은 HTML5 표준)

  • DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의

  • 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도

<html> 시작태그

</html> 종료 태그
  • 문서의 전체 범위를 뜻함

  • HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 브라우저에게 알려주는 역할

<head> 시작태그

</head> 종료 태그
  • 문서의 정보를 나타내는 범위

  • 웹 브라우저가 해석해야 할 웹 페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS) 같은 웹페이지의 보이지 않는 정보를 작성하는 범위

<body> 시작태그

</body> 종료 태그
  • 문서의 구조를 나타내는 범위

  • 사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같은 웹페이지의 보여지는 구조를 작성하는 범위

profile
프론트엔드 공부중!

0개의 댓글