HTML(Hyper Text Markup Language)이란? <이름의 정의>

 

HTML(Hyper Text Markup Language)이란? <이름의 정의>

---

HTML은 무엇을 하는 놈일까?

어떤 녀석인지 한번 알아볼까요?

 

 

 

HTML 이란?

HTML은 Hyper Text Markup Language의 약자인데 Full Name을 봐도 뭐하는 놈인지 감이 잘 안 잡히네요. 이름을 쪼개서 정의를 알아볼까요?

 

1. Hyper Text

Hpyer는 접두사로서 '뛰어넘다', '초월하다'라는 뜻을 가지고 있어요. 우리가 들어봤을 단어로는 Hyperrealism(극사실주의), Hyperlink(하이퍼링크)가 있을 것 같네요. 하이퍼링크 같은 경우는 Word나 한글 파일을 사용해보셨다면 어떤 것인지 대부분 아실 텐데요. 주로 목차에서 많이 사용합니다.

 

 

'이미지'로 이동☝🏻

'마침 말'로 이동👇🏻

---

이런 것이지요.

 

Hyper Text 또한 하이퍼링크와 유사한 의미입니다. Text는 글자를 의미하고 글자는 위에서 아래로, 왼쪽에서 오른쪽으로 순서를 따라서 읽는 약속이 내재되어 있습니다. 하지만 Hyper Link가 순서를 무시하고 원하는 위치로 이동하는 것처럼 Hyper Text는 페이지 간의 이동을 허용합니다. 하나의 HTML 문서에서 다른 HTML 문서로 넘어갈 수 있다는 의미입니다. 

 

 

 

2. Markup Language

'Marking'(마킹하다)라는 말은 표시를 한다는 말인데요. Mark는 표시의 의미를 가지고 있습니다. Markup Language는 "Mark"로 둘러싸인 언어를 뜻합니다. 일반적인 언어와 Markup 언어의 차이를 보여드릴게요.

 

2020년 09월 07일 SeyDev 블로그 오픈! 열심히 문서 작성하겠습니다. 많이 찾아주세요!💜

 

이 글을 읽고 있는 여러분은 위에 글이 무슨 이야기를 하는지 술술 읽으셨겠죠?

하지만 컴퓨터는 text, 문자로만 인식할 뿐 제가 어떤 이야기를 써놓았는지 논리적인 뜻을 이해하지 못합니다. 

 

날짜: 2020년 09월 07일
행사: SeyDev 블로그 오픈!
인사말: 열심히 문서 작성하겠습니다. 많이 찾아주세요!💜

 

위와 같이 표시 형식으로 작성하면 컴퓨터도 날짜가 2020년 09월 07일이라는 것을 알 수 있죠. Markup Language는 이런 표시를 Tag를 이용합니다. "Tag"는 꼬리 표라는 뜻을 가지고 있는데 논리적인 속성들을 추가할 수 있어요. (속성에 대해서는 다음 포스팅에서 설명드릴게요.😊)

 

<날짜>2020년 09월 07일</날짜>
<행사>SeyDev 블로그 오픈!</행사>
<인사말>열심히 문서 작성하겠습니다. 많이 찾아주세요!💜</인사말>

 

 

 

다른 페이지 간의 이동을 제공하고 Web Brouser가 해석할 수 있도록 작성된 언어

라고 이해하시면 HTML 이름에서 알 수 있는 의미는 충분할 것 같습니다. 다음 포스팅에서는 Tag의 형식과 HTML 구조에 대해 포스팅하도록 하겠습니다.