2-1. HTML 개념과 기본적인 구조

2-1. HTML 개념과 기본적인 구조

2021. 10. 7. 22:17ㆍHTML + CSS + JS

728x90

1. HTML이란?

간단히 웹 문서를 만드는 언어라고 할 수 있다.

HTML은 Hyper Text Markup Language로 학교 시험문제(?) 단골로 나왔었는데,, ㅎ

아무튼 html은 그런 뜻이다.

HTML은 웹 브라우저에 내용을 보여주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것을 의미한다.

2. HTML의 구조

HTML의 가장 기본적인 구조이다.

<!DOCTYPE html> : 현재 문서가 html5로 작성한 웹 문서라는 것을 알려준다.

<html> </html> : 웹문서의 시작과 끝을 지정한다.

<head> </head> : 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력하는 부분이다.

<body> </body> : 실제로 웹 브라우저 화면에 나타나는 부분이다.

2-1. <!DOCTYPE html>

<!DOCTYPE html> 은 문서 유형을 지정해주는 태그인데, 현재 문서가 HTML5 문서라는 것을 알려주는 태그이다.

2-2. <html>..</html>

<html> 태그를 통해서 웹 문서의 시작과 끝을 표시할 수 있다.

<html>은 웹 문서가 시작된다는 뜻이며, </html>은 끝났다는 뜻이다.

따라서 이 태그들 사이에 이제 내용을 작성해줘야한다.

<html lang = "ko">에서 lang = "ko"는 웹 문서에서 사용할 언어를 지정해주는 것으로 '한국어'인 ko를 사용했다.

* <meta>

우선 meta는 데이터에 관한 데이터를 의미한다.

웹 서버는 영어가 기본이기 때문에 한글로 된 내용을 표시하기 위해서는 UTF-8로 지정해줘야한다.

ex) <meta name="description" content = "웹 기초 설명" >

2-3. <title>..</title>

title은 웹 문서의 제목을 입력해준다.

이 제목은 사용자가 웹 사이트 즐겨찾기를 할 때 웹 문서에 제목으로 추가되는 부분이다.

2-4. <body>..</body>

이 태그 사이에는 실제 웹 브라우저에 표시할 내용을 작성한다.

728x90

2-3. html 텍스트 태그 소개 (0)	2021.10.07
2-2. HTML 시맨틱 태그 (0)	2021.10.07
1-3. HTML + CSS + JS 개념 , JS 프레임워크와 라이브러리 소개 (0)	2021.10.06
1-2. 백엔드와 프론트엔드란? (0)	2021.10.06
1-1. 서버와 클라이언트란? (0)	2021.10.06

💖💗