-
<!DOCTYPE> 선언과 <html>, <head>, <body> 요소 이해하기
IT창고/HTML 2023. 7. 18. 17:24반응형<!DOCTYPE> 선언과
<html>
,<head>
,<body>
요소 이해하기HTML 문서를 작성할 때,
<!DOCTYPE>
선언과<html>
,<head>
,<body>
요소는 기본적인 구조를 정의하는 중요한 요소입니다. 이번 글에서는 각 요소의 역할과 사용법에 대해 자세히 알아보겠습니다.<!DOCTYPE> 선언
<!DOCTYPE html>
위의 코드는 현재 문서가 HTML5로 작성되었음을 선언하는 것입니다. 이 선언은 웹 브라우저에게 문서의 버전과 형식을 알려줍니다. HTML5의 경우,
<!DOCTYPE html>
을 사용하며, 이를 선언하지 않으면 브라우저가 이전 버전의 HTML 호환 모드로 동작할 수 있습니다.<html>
요소<html> <!-- 문서 내용 --> </html>
<html>
요소는 HTML 문서의 루트 요소입니다. 시작과 끝을 나타내며, 모든 HTML 요소는 이 안에 포함되어야 합니다. 브라우저는`html요소 안의 내용을 HTML 문서로 처리합니다.<head>
요소<head> <!-- 메타데이터와 정보 --> </head>
<head>
요소는 HTML 문서의 메타데이터와 정보를 포함하는 부분입니다. 브라우저에 직접적으로 표시되지 않지만, 문서에 대한 정보를 제공하거나 외부 스타일 시트, 스크립트 파일 등을 연결할 수 있습니다. 일반적으로<head>
요소 안에는<title>
,<meta>
,<link>
,<style>
,<script>
등의 요소들이 들어갑니다.<body>
요소<body> <!-- 웹 페이지의 실제 내용 --> </body>
<body>
요소는 웹 페이지의 실제 내용을 포함하는 부분입니다. 텍스트, 이미지, 링크, 폼 요소 등이 여기에 작성됩니다. 브라우저는<body>
요소 안의 내용을 화면에 표시합니다.마무리
위에서 소개한 요소들은 HTML 문서를 구성하는 중요한 요소입니다.
<!DOCTYPE>
선언은 문서의 버전과 형식을 지정하고,<html>
요소는 문서의 루트를 나타내며,<head>
요소는 메타데이터와 정보를 포함하고,<body>
요소는 웹 페이지의 실제 내용을 담습니다.HTML 문서를 작성할 때는 이러한 요소들을 올바르게 사용하여 문서를 구조화하고 내용을 구성하는 것이 중요합니다. 계속해서 HTML의 다양한 요소와 사용법에 대해 학습하며, 좀 더 멋진 웹 페이지를 만들어보세요!
위에서
<!DOCTYPE>
선언과<html>
,<head>
,<body>
요소에 대해 알아보았습니다. 이러한 요소들은 HTML 문서의 구조를 정의하고 웹 페이지의 내용을 구성하는 데 중요한 역할을 합니다. 다음 글에서는 다양한 HTML 요소와 사용법에 대해 자세히 다루도록 하겠습니다. HTML을 잘 이해하고 활용하여 멋진 웹 페이지를 만들어보세요!반응형