안녕하세요 행쿼 입니다.
오늘은 HTML의 기본 구조와 특징에 대해서 알아보겠습니다.
HTML의 기본 구조
기본구조를 보면서 하나씩 살펴보겠습니다.
DTD(Document Type Definition, 문서 유형 정의)는 웹 브라우저가 처리할 HTML 문서가 어떤 문서 형식을 따라야 하는지 알려 주는 것으로, HTML 문서 작성 시 항상 처음에 입력해야 합니다. <!DOCTYPE html> : document(문서) + type(형식) 현재 문서가 HTML5 문서라는 의미입니다.
html 태그
html 태그는 HTML 문서의 시작과 끝을 의미합니다.
<html lang="en"> : 이 문서에서 주로 사용되는 언어가 영어(English)라는 의미입니다.
"ko"로 변경해 주면 주로 사용되는 언어가 한국어라는 의미가 됩니다.
html태그 안에 <head>...</head>와 <body>...</body> 태그가 차례대로 위치합니다.
head 태그
head 태그는 HTML 문서의 메타데이터를 포함하는 부분으로, 웹 브라우저에 표시되지 않고 문서의 설정과 정보를 정의합니다. <meta>, <title>, <link>, <style>, <script> 등의 태그가 포함될 수 있습니다.
meta 태그
meta 태그는 메타데이터를 정의하는 데 사용합니다.
<meta charset="UTF-8"> : HTML 문서에서 허용하는 문자 집합을 정의하는 메타태그입니다.
<meta http-equiv='X-UA-Compatible" content="IE=edge"> : 인터넷 익스플로러의 렌더링 엔진을 최신 렌더링 엔진으로 지정하는 메타데이터를 나타냅니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : 기기의 화면 너비에 맞추기 위해 사용되는 메타데이터 태그입니다.
title 태그
HTML 문서의 제목을 지정하는 데 사용합니다. 모든 HTML 문서는 반드시 1개의 title 태그를 사용해 제목을 지정해야 합니다. 제목은 HTML 문서마다 중복되지 않는 게 좋다고 합니다.
body 태그
body 태그는 실제 콘텐츠가 표시되는 부분으로, 웹 페이지에 노출되는 내용을 작성합니다. 텍스트, 이미지, 링크, 테이블, 폼 등 다양한 요소를 포함할 수 있습니다.
오늘은 HTML의 기본 구조에 대해서 알아봤습니다.
다음 시간에는 HTML의 특징에 대해서 알아보도록 하겠습니다.
'공부 > 코딩' 카테고리의 다른 글
| HTML 공부 3일차 : HTML의 특징 (0) | 2023.05.18 |
|---|---|
| HTML 공부 1일차 : HTML이란? (0) | 2023.05.11 |
| 파이썬 공부 5회차 : 불리언(Boolean) 자료형 (0) | 2023.04.28 |
| 파이썬 공부 4회차 : 연산자 (0) | 2023.04.28 |
| 파이썬 공부 3회차 : 형 변환 함수들과 활용방법 (0) | 2023.04.27 |