[HTML - 3] HTML 문서의 기본 구조

2024. 3. 29. 01:12· 프로그래밍/HTML
목차
  1. HTML  문서의 기본 구조

HTML  문서의 기본 구조

HTML을 작성할 때는 태그들이 들어가는 구역을 나누는 것이 일반적이다.

  • 문서의 정보를 기입하는 부분 : head
  • 문서의 내용을 기입하는 부분 : body

HTML 문서에는 화면에 표시될 콘텐츠 외에 ‘문서 정보’도 포함된다.

 

  • HTML은 태그를 중심으로 표현하기 때문에 정보와 내용 구분 또한 태그로 해준다!
<head>
	문서의 정보
</head>
<body>
	화면에 표시 될 내용
</doby>

 

  • HTML은 head내부의 코드와 body내부의 코드가 합쳐져 구성이 되므로 두 태그를 아래와 같이 html태그로 묶어서 표현한다.
<html>
	<head>
		문서의 정보
	</head>
	<body>
		화면에 표시 될 내용
	</doby>
</html>

 

  • 문서의 타입(DOCTYPE)을 써주어 어떤 타입의 문서 작성하는지 웹브라우저와 웹 시스템에게 전달해 주는 역할을 한다.
<!DOCTYPE html>
<html>
	<head>
		문서의 정보
	</head>
	<body>
		화면에 표시 될 내용
	</doby>
</html>

 

'프로그래밍 > HTML' 카테고리의 다른 글

[HTML -6] 이미지 표시하기  (0) 2024.03.29
[HTML -5] 컨테이너와 전역 속성  (1) 2024.03.29
[HTML -4] 텍스트 표시하기  (0) 2024.03.29
[HTML - 2] HTML 기본 문법  (0) 2024.03.29
[HTML - 1] HTML은 무엇일까?  (0) 2024.03.29
  1. HTML  문서의 기본 구조
'프로그래밍/HTML' 카테고리의 다른 글
  • [HTML -5] 컨테이너와 전역 속성
  • [HTML -4] 텍스트 표시하기
  • [HTML - 2] HTML 기본 문법
  • [HTML - 1] HTML은 무엇일까?
나무늘보Programmer
나무늘보Programmer
게으른 개발자가 공부하고 성장하는 과정을 기록하는 블로그 입니다.
나무늘보Programmer
게으른 개발자의 개발일기
나무늘보Programmer
전체
오늘
어제
  • 분류 전체보기 (71)
    • 수학 (0)
      • 확률과 통계 (0)
    • Computer Science(CS) (8)
      • 혼자 공부하는 컴퓨터 구조 + 운영체제 (1)
      • Network (0)
    • 프로그래밍 (57)
      • Python (8)
      • Java (1)
      • C++ (0)
      • HTML (13)
      • CSS (13)
      • JavaScript (19)
      • DB (1)
      • Spring (1)
    • 머신러닝&딥러닝 (0)
      • Computer Science(CS) (0)
      • 인공지능 (0)
      • Paper Review (0)
    • BootCamp(OZ Coding School) (3)
    • TroubleShooting (1)
    • SandBox (0)
    • Project (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
나무늘보Programmer
[HTML - 3] HTML 문서의 기본 구조
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.