HTML 기본 구조

개미Coder
|2024. 4. 4. 15:34
반응형

## HTML 기본 구조

 

# <!DOCTYPE html>


-문서의 처 부분에서 문서 유형을 지정하는 단일 태그이다.
-이때 문서 유형이란 웹브라우저에게 “이 문서는 XX이니까 잘 처리해줘”라는 메시지를 전달하는 개념이다.
-HTML은 첫 등장 후 시간이 흐르면서 버전을 변경해왔는데
 현재 표준으로 사용되고 있는 HTML버전을 사용하기위해서 적어주는 타입니바로 html이다.
-특별한 경우가 아니라면 이전에 사용했던 HTML 버전에 대해서는 몰라도 된다. 
 (아주 오래된 부너의 수정작업을 맡게된 경우...)

 


# <html></html>


-문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나태내는 태그이다.
-<html>에서 문서가 시작되고 </html>에서 문서가 끝나게된다.
-이 태그의 내부에 다양한 태그들이 포함되어 문서의 내용을 구성한다.

 



# <head></head>


-웹브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어간다.


<meta charset="UTF-8">
-문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그이다.
-문자 인코딩이란 한글을 표시하기위해 문자 세트를 지정하는 작업으로 영문과 한글을 모두 사용하기 위해
  UTF-8방식을 사용한다.


<title></title>
-문서의 제목을 나타낸다. 콘텐츠는 바라우저 탭에 표시된다.

 

 

# <body></body>
-실제 브라우저 화면에 표시될 내용을 입력하는 태그이다.
-여기에는 다음과 같은 유형의 태그들이 포함 될 수 있다.
  # 텍스트를 표시하는 태그
  # 이미지를 표시하는 태그
  # 각종 사용자 인터페이스(입력란, 버튼, 드롭다운 메뉴등...)를 나타내는 태그
-태그안에 태그를 포함하는 방식으로 콘텐츠를 다양하게 구성할 수 있다.

반응형

'HTML↗' 카테고리의 다른 글

HTML 링크(link) <a>태그  (0) 2024.04.05
HTML 컨테이너 태그 / 전역 속성  (0) 2024.04.04
HTML 이미지 표시하기  (0) 2024.04.04
HTML 텍스트 표시 방법 (+한 줄 정리)  (1) 2024.04.04
HTML이란  (0) 2024.04.04