반응형
HTML 문서의 기본 구조는 웹 페이지를 만드는 데 필요한 필수 요소들을 포함합니다. 이 구조는 웹 브라우저가 문서를 올바르게 해석하고 표시할 수 있도록 돕습니다. 아래는 HTML 문서의 기본적인 구조입니다.
구조 설명:
- <!DOCTYPE html>:
- 이 선언은 HTML5 문서임을 브라우저에게 알려줍니다. 모든 HTML 문서의 첫 줄에 있어야 합니다.
- <html lang="en">:
- <html> 태그는 문서의 루트 요소로, 모든 HTML 요소를 감쌉니다.
- lang="en" 속성은 문서의 언어가 영어임을 나타냅니다. 한국어일 경우 "ko"로 설정할 수 있습니다.
- <head>:
- 문서에 대한 메타데이터를 포함하는 부분입니다. 이 영역은 브라우저에 의해 화면에 직접 표시되지는 않지만, 문서의 제목, 문자 인코딩, 뷰포트 설정 등을 정의합니다.
- <meta charset="UTF-8">:
- 이 메타 태그는 문서의 문자 인코딩을 정의합니다. UTF-8은 대부분의 언어를 지원하는 범용 인코딩입니다.
- <meta name="viewport" content="width=device-width, initial-scale=1.0">:
- 이 메타 태그는 반응형 웹 디자인을 위해 뷰포트를 설정합니다. 주로 모바일 장치에서 웹 페이지가 올바르게 표시되도록 돕습니다.
- <title>:
- 이 태그는 브라우저 탭이나 검색 엔진 결과에 표시될 문서의 제목을 설정합니다.
- <body>:
- 웹페이지의 실제 콘텐츠(텍스트, 이미지, 링크, 비디오 등)가 포함되는 부분입니다. 화면에 표시되는 모든 요소가 이 태그 안에 들어갑니다.
이 기본 구조를 바탕으로 웹 페이지의 내용을 추가해 나갈 수 있습니다.!!
반응형
'AI.IT 정보 > 코딩초보 전문가되기' 카테고리의 다른 글
| Visual Studio와 다양한 프로그래밍 언어: 초보자를 위한 안내 (8) | 2024.09.11 |
|---|---|
| HTML부터 시작해서 웹 구현과 게임 개발까지 (3) | 2024.09.09 |
| 인코딩(Encoding) ? (2) | 2024.09.08 |
| HTML 속성 중에서 가장 기본적이고 유용한 속성 중 하나인 'href' 속성 (2) | 2024.09.04 |
| HTML의 요소 (0) | 2024.09.03 |
| 특정한 목적과 기능을 가지고 있는 코드의 종류 (3) | 2024.09.03 |
