본문 바로가기
Web/HTML

[HTML] HTML이란

by 코딩하는 랄로 2023. 10. 19.
728x90

HTML이란

HTML은 Hyper Text Markup Language의 약자로, HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는것) 기능을 가진 문서를 만드는 언어이다.

 

HTML
=
Hyper Text Markup Language

즉, HTML은 프로그래밍 언어가 아닌 웹 페이지의 구조를 만드는 Markup 언어로, 하이퍼 링크 시스템을 가지고 있다라고 할 수 있다. 

 

 

 

Web이란

그렇다면 HTML을 통해 구조를 설계하는 웹 페이지란 무엇일까? 우리가 흔히 Web이라고 부르는 것은 인터넷의 동의어로써 많이 사용한다. 하지만, 엄연히 Web과 인터넷은 다른 개념이다. 인터넷이란 용어는 '네트워크의 네트워크'를 구현하여 모든 컴퓨터를 하나의 통신망 안에 연결(Inter Network)하고자 하는 의도에서 줄여서 인터넷이라고 한다.

 

Web은 World Wid Web(WWW, W3)을 간단히 부르는 용어로서, 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다. 그리고 웹 페이지는 Web 상에 있는 개개의 문서를 가리킨다. 이 각각의 문서는 HTML로 작성이 되기 때문에 .html, .htm 확장자 포맷을 가진다.

 

비유를 하면, Web은 시장이고 Web Page는 시장안에 가게이다. 손님(웹 사용자)은 시장(Web)안에 가게(Webpage)에 들어가서 여러 가지 정보(과일 등등)를 살 수 있다. 하지만 같은 과일 파는 모든 가게의 가격이 동일하지는 않다. 이 때에 가게마다 무엇을 파는지, 오픈 시간 등 가게 마다 서로 다르게 시스템(구조)을 가지고 있듯이 웹페이지 또한 마찬가지이다.

 

네이버와 구글이 검색 엔진을 통해 다양한 정보를 제공해주지만 사용자들에게 보여지는 View가 완전 다르듯이 HTML을 통해 각자의 정보 공간을 설계를 하는 것이다.

 

 

 

시멘틱 마크업(Semantic Markup)

HTML은 마크업 언어이고, 이를 숙지하는데 있어 시멘틱 마크업을 목표로 나아가야 한다. 시멘틱 마크업은 POSH(Plain Old Semantic HTML)이라고 불리우는데 이름 그대로 평범하고 오래된 의미론적인 HTML을 뜻한다.

 

또한, 시멘틱은 기계(컴퓨터, 브라우저)가 잘 이해할 수 있도록 하는 것을 의미하며, 그러기 위해서는 사람과 기계와의 정해진 약속(HTML)을 올바르게 사용하여야 하는 것이다.

 

HTML을 올바르게 사용하기 위한 첫 단계는 적절한 HTML 요소(다음 글에서...배울 내용..)를 올바르게 사용하는 것에서 시작 된다. HTML은 웹사이트의 구조와 컨텐츠를 설명하는데 유일한 목적을 가지고 있기 때문에 시멘틱 마크업을 지향하여 보다 간결하게 설명할 수 있게 되는 것이다.

728x90

'Web > HTML' 카테고리의 다른 글

[HTML] 속성(Attribute)  (0) 2023.10.19
[HTML] HTML 문서 정보 태그  (0) 2023.10.19
[HTML] TAG - Heading  (0) 2023.10.19
[HTML] TAG - Paragraph(with. Entity)  (0) 2023.10.19
[HTML] 기본 작성 문법 - DTD, Tag  (0) 2023.10.19