본문 바로가기

Web/HTML

HTML 문서 기본 구조

 

HTML 문서 기본 구조 알아보기


 

1. HTML은 기본적으로 아래 4가지로 구성된다.

<!doctype> <html> <head> <body>

2. <!doctype> - 문서의 유형을 선언한다.

 

3. <html> - 웹 문서의 시작을 알린다.

<html lang="ko">
lang이라는 속성으로 언어를 선택할 수 있다.

de=독일어
en=영어
fr=프랑스어
ja=일본어
ko=한국어
zh=중국어

 

4. <head> - 웹 브라우저의 정보가 나타나는 태그

<title>연습 페이지</title>
웹의 탭에 노출된다

 

5. <meta> - 문서 인코딩 및 문서 키워드, 요약 정보

<head>
	<meta charset="utf-8">
</head>

한글을 표시하기 위해 문자 세트를 지정한다.
utf-8 방식이 한글과 영문을 비롯 모든 언어를 표시한다.

 

6. <body> - 브라우저에 표시되는 내용

<body>
	<h1>제목</h1>
    <p>제목부터 시작해서 모든 내용이 표시됩니다.<br>
    원하는 내용을 적으세요.</p>
</body>

 

'Web > HTML' 카테고리의 다른 글

HTML-기본 문서 구조 (띄어쓰기 공백 삽입하기)  (0) 2019.08.26