[HTML5] HTML이란 무엇인가?

HTML (Hyper Text Markup Language)

HTML 은 프로그래밍 언어가 아닙니다! 컨텐츠의 구조를 정의하는 마크업 언어입니다.

HTML은  요소로 이루어져 있습니다.

일단은 이 두가지만 알고 있어도 충분합니다! 

📢Hyper Text

하이퍼 텍스트(Hyper Text)

 

Hyper의 뜻은 '뛰어넘다', '초월하다'의 의미를 가지고 있습니다.

Hyper Text라는 글자를 직역하면 'text를 뛰어넘다'의 의미를 가집니다.

text를 뒤어 넘는 다라... 이해가 안 되니 추가 설명하도록 하겠습니다.

 

1. text 란?

text는 상대에게 의미를 전달하는 목적으로 많이 사용합니다. (숫자, 알파벳, 기호 등으로 글 혹은 문서를 표현합니다.)

우리가 책을 읽는다 가정해봅시다.

책을 읽으며 왼쪽에서 오른쪽으로, 위에서 아래로 text를 읽으며 정보를 습득합니다.

정보에 순차적으로 접근하는 겁니다. 이게 바로 text입니다. 정보를 순차적으로 습득하는 것입니다.

 

2.Hyper Text 란?

Hyper Text는 'Text를 뛰어넘다'라는 의미를 가지고 있고, 텍스트는 정보에 대해 순차적으로 접근하니,

순차적 접근을 뛰어넘는다는 의미를 가진다 볼 수 있습니다.

 

이 말이 무슨 말이냐면, 책의 목차를 하나씩 확인하며 정보를 얻는 것이 아닌

 URL, 링크를 클릭 한번 함으로써 정보를 쉽게 얻는다는 것입니다.

 

📢Markup Language

마크업 랭귀지는 '표시하다'를 의마하는 마크업과 '언어'라는 의미를 가진 랭귀지가 합쳐진 것입니다.

 

1. Markup 이란? 

'markup'이란 어딘가에 Mark, 즉 표시한다는 의미입니다.

그럼 무엇을 표시할까요?

예시를 들어보죠

 

1. 표시가 없을 때

종로에 있는 국립현대 미술관에 가보세요. 매번 새로운 전시를 한답니다! 대한민국 서울시 종로구 xxx  02-xxx-xxxx

 

2. 표시가 있을 때

-제목:종로에 있는 국립현대 미술관에 가보세요. 

-내용:매번 새로운 전시를 한답니다! 

-주소: 대한민국 서울시 종로구 xxx 

-연락처: 02-xxx-xxxx

 

한눈에 보기 쉬운 글은 2번입니다. 단락을 구분 지었기 때문입니다.

이 처럼 마크업 언어를 통해 구조적으로 내용 표현이 가능합니다.

 

2.Language 란?

Language는 언어입니다. 우리가 사용하는 언어죠

하지만 HTML에서 말하는 언어는 사람과 사람들 사이에 사용하는 언어가 아닌

컴퓨터와 의사소통을 하기 위한 언어입니다.

 

즉, 우리는 HTML의 Markup Language를 통해 컴퓨터에게 명령하여 무언가를 보여주려 하는 것입니다.

 

Q. 그럼 HTML에서는 왜 마크업 언어를 사용하는 겁니까?

A. HTML에서 얘기하는 마크업 언어도 C, JAVA, Python 등의 언어와 마찬가지로 컴퓨터와 의사소통하고 명령을 내리기 위한 언어입니다. 우리가 웹 상에 표시하고 싶은 내용들을 HTML 문서로 작성하면, 컴퓨터는 웹 브라우저를 통해 HTML 문서를 읽고 우리에게 보여주기 때문에, 문서를 작성하고 정보를 보여주기 때문에 사용합니다.

이렇게 HTML의 뜻과 사용하는 이유를 알아봤습니다~

 

tag와 주석처리는 다음 글에 다루겠습니다!

 

이 글은 강석수님의 블로그를 참고하며 작성했습니다