HTML-구조를 지정해주는 tag head body

컴퓨터/HTML&CSS

728x90
반응형

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 

문제가 있다면 말씀 부탁 드리겠습니다.


안녕하세요 Gon입니다.

 

이번 글에서는 HTML의 tag중 HTML의 뼈대가 표현하는 tag에 대하여 알아보도록 하겠습니다.

 

지난 글에서 설명했듯이 tag는 문자들에게 의미를 부여해 주는 역할을 합니다.

 

그 중 head와 body와는 HTML을 이용하여 전자문서를 만들 때 문서의 내용부분과 기본정보를 담기위한 부분을 구분하기 위해 사용합니다.

 

형태는 다음과 같습니다.

 

<!DOCTYPE html> 사용 HTML의 종류를 구분하기 위한 tag

  <html> 
      <head>
      	html을 사용한 웹페이지의 기본 정보들을 저장하는 tag
      </head>
      <body>
        html을 사용한 웹페이지의 내용들이 저장되는 tag
      </body>
  </html>

 

위 내용을 부분별로 정리하자면,

<!DOCTYPE html>

HTML5를 이용하여 작성하겠다는 의미를 가지는 tag입니다.
<html></html>

HTML코드의 시작과 끝을 표현하는 tag이므로 우리가 A4용지에 글을 쓴다면 A4용지를 지정하는 코드입니다.
<head></head>

기본속성을 선택하는 tag이며 HTML이 A4용지라면 기본 색, 표현할 문자, 서식 등등을 저장합니다.
<body></body>

우리가 보는 내용들이 저장되는 tag입니다. 즉 A4용지안에 적힌 내용물들이 적히는 공간 입니다.

 

이 글에서는 HTML에서 기초 틀을 설정하는 tag들에 대하여 알아봤습니다.

 

다음 글부터는 이 기초 틀을 가지고 자주 사용되는 tag들을 이용하여 웹페이지를 만들어 보도록 하겠습니다.

 

감사합니다.

 

Gon

728x90
반응형

'컴퓨터 > HTML&CSS' 카테고리의 다른 글

HTML-meta tag  (0) 2020.11.27
HTML - 잠깐, 작성한 코드를 직접 보는 방법  (0) 2020.11.26
HTML-title  (0) 2020.11.25
HTML - Tag Rank  (0) 2020.11.24
HTML - Tag(태그)  (0) 2020.11.22

Commnet

G91개발일지

Gon91(지구일)

91년생 공학엔지니어의 개발일지

TODAY :

YESTER DAY :

TOTAL :