HTML 이란?
- 웹페이지를 만들기 위한 표준 마크업 언어이다.
- 웹페이지의 내용과 구조를 정의하는데 사용되며, 웹 브라우저가 사용자에게 표시할 페이지를 어떻게 구성할지를 알려준다.
HTML 문서의 기본 구조
<!DOCTYPE html> <!-- 문서 타입 선언, HTML5 문서임을 나타냅니다 -->
<html lang="en"> <!-- HTML 문서의 루트 요소, 페이지의 전체 내용을 감쌉니다 -->
<head>
<meta charset="UTF-8"> <!-- 문자 인코딩을 UTF-8로 설정합니다 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 반응형 디자인을 위한 뷰포트 설정 -->
<title>Document Title</title> <!-- 문서의 제목을 정의합니다 -->
<!-- 스타일시트, 스크립트, 기타 메타 정보를 포함할 수 있습니다 -->
</head>
<body>
<!-- 웹 페이지의 시각적 내용이 들어가는 곳입니다 -->
<!-- 여기에 텍스트, 이미지, 링크, 버튼, 폼 등의 HTML 요소들이 포함됩니다 -->
</body>
</html><!DOCTYPE html>
: 문서가 HTML5를 기반으로 작성되었음을 알림. 문서의 첫 줄에 있어야하며, HTML5 문서의 표준 준수를 위해 필요.
<html>
: 모든 HTML 문서의 루트 요소. head와 body를 포함.
<head>
: 문서의 메타데이터를 포함하는 부분. 검색 엔진에 대한 정보, 문서의 제목, 연결된 스타일시트 및 스크립트 파일의 링크 등이 들어감. 여기에 포함된 내용은 일반적으로 브라우저에 직접적으로 표시되지 않음.
<meta charset="UTF-8">
: 문서의 문자 인코딩 설정. 다양한 언어와 특수 문자가 정확하게 표시될 수 있도록 함
<meta name="viewport" content="width=device-width, initial-scale=1.0">
: 반응형 웹 디자인을 위해 모바일 장치에서 페이지가 올바르게 렌더링되도록 뷰포트 설정 제공.
<body>
: 웹 페이지의 모든 시각적 내용을 포함하는 부분. 사용자에게 직접 표시되는 텍스트, 이미지, 버튼, 폼 등의 html 요소들이 여기에 위치.
