본문 바로가기

Front-end

<html>, <head>, <body>

들어가기 앞서,

  • HTML의 구조는 html, head, body의 시작태그'<>'와 종료태그'</>'로 이루어져있다.
<!DOCTYPE html>
<html>
  <head>
  
  </head>
  <body>
  
  </body>
</html>

<html> </html>

  • 문서의 전체 범위로 HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할을 수행한다.

<head> </head>

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

<body> </body>

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

'Front-end' 카테고리의 다른 글

codepen으로 코드 테스트  (0) 2022.01.09
live server  (0) 2022.01.07
Beautify 코드 정리 기능  (0) 2022.01.06
상대경로, 절대경로  (0) 2022.01.05
HTML, CSS, JS  (0) 2022.01.05