HTML의 정의와 분류

목차

1. HTML의 정의 및 유래
2. HTML의 중요성
3. HTML 태그의 분류 - 구조 태그
4. HTML 태그의 분류 - 텍스트 태그
5. HTML 태그의 분류 - 미디어 태그

 

HTML의 정의 및 유래

 HTML은 HyperText Markup Language의 약자로 인터넷에서 웹 페이지, 문서 및 기타 유형의 콘텐츠를 만드는 데 사용되는 마크업 언어이다. 텍스트, 이미지, 비디오 및 기타 미디어 요소를 구조화 하고 형식을 지정하는 방법을 제공하여 웹 브라우저에서 이러한 요소를 보다 쉽고 올바르게 표시할 수 있도록 제공한다. HTML은 제목, 단락, 링크 및 이미지와 같은 웹 페이지의 다양한 부분을 정의하기 위해 태그를 사용하여 동작한다.

 

HTML의 유래는 유럽 핵 연구 기구(CERN)의 연구원들이 과학자들 사이에 정보를 공유하기 위한 시스템에서 시작되었다. 이 시스템은 Enquire이라고 불렸으며, 사용자가 문서 내의 하이퍼링크를 클릭하여 문서에 액세스할 수 있는 하이퍼 텍스트를 사용하였다. 팀 버너스리(Tim berners-Lee)라는 한 연구원은 인터넷에 연결된 모든 사람이 전 세계적으로 정보에 액세스하고 정보를 공유할 수 있는 월드 와이드 웹(World Wide web - WWW)이라는 새로운 시스템을 제안 했고 이를 가능하게 하기 위해 그는 웹에서 문서를 만들고 공유할 수 있는 방법이 필요했고, 이것이 HTML의 발전으로 이어졌다.

 

HTML의 중요성

 이제 HTML은 모든 웹 페이지의 기초이며 인터넷에 필수가 되었다. HTML이 없으면 웹 페이지를 만들고 공유하는 것이 불가능하고 우리가 알고 있는 인터넷은 존재하지 않을 것이다.

 

 HTML은 장치나 브라우저에 관계없이 모든 사람이 웹 페이지에 액세스할 수 있도록 하는 데에도 중요한 역할을 하고 있다. 웹 콘텐츠를 구조화하고 형식을 지정하는 표준화된 방법을 제공하여 검색 엔진이 관련된 결과를 쉽게 색인화하고 표시할 수 있도록 한다.

 

HTML 태그의 분류 - 구조 태그

HTML은 웹 페이지의 구조와 내용을 정의하는 일련의 태그를 기반으로 한다. 이런한 태그는 텍스트, 이미지, 비디오 및 기타 미디어 요소를 마크업하여 웹 브라우저에서 올바르게 표시할 수 있도록 하는 데 사용된다. 수천 개의 HTML 태그가 존재하지만 위와 같이 3가지로 분류할 수 있다.

 

구조 태그는 웹 페이지의 구조를 정의하는데 사용된다. 여기에는 HTML, HEAD, BODY, DIV, HEADER 및 FOOTER 태크가 포함된다.

 

HTML 태그는 HTML 문서의 시작과 끝을 정의하는 데 사용되며 다른 모든 태그는 그 안에 포함되어야 한다.

 

HEAD 태그는 제목 및 설명과 같은 페이지에 대한 메타 정보를 포함하는데 사용된다.

 

BODY 태그는 텍스트, 이미지, 및 비디오와 같은 페이지의 표시 콘텐츠를 포함하는 데 사용되며, 주로 우리가 보는 화면에 해당한다.

 

DIV 태그는 CSS로 스타일을 지정할 수 있는 블록을 만드는데 사용된다.

 

HEADER 및 FOODER 태그는 각각 웹 페이지의 머리글 및 바닥글을 정의하는데 사용된다.

 

HTML 태그의 분류 - 텍스트 태그

텍스트 태그는 웹 페이지의 텍스트 서식을 지정하는데 사용된다. 여기에는 P, H1~H6, STRONG, EM 및 SPAN  태크가 포함된다.

 

P 태그는 텍스트 단락을 정의하는 데 사용되는 반면 H1~ H6 태그는 다양한 크기의 제목을 정의하는데 사용된다.

 

STRONG 및 EM 태그는 각각 강하고 강조된 텍스트를 나타내는데 사용된다.

 

SPAN 태그는 CSS 스타일을 지정할 수 있는 작은 섹션을 정의하는데 사용된다.

 

HTML 태그의 분류 - 미디어 태그

마지막으로 미디어 태그는 웹 페이지에 이미지 및 비디오와 같은 미디어 요소를 포함하는데 사용된다. 여기에는 IMG, VIDEO 및 AUDIO와 같은 태그들이 포함된다.

 

IMG 태그는 웹 페이지에 이미지를 삽입하는데 사용되며, 이미지 파일의 위치를 지정하는 소스 속성이 필요하다.

 

VIDEO 태그는 웹 페이지에 동영상을 삽입하는데 사용되며, 역시나 동영상 파일의 위치를 지정하는 소스 속성이 필요하다.

 

AUDIO 태그는 오디오 파일을 웹 페이지에 삽입하는데 사용되며, 동일하게 오디오 파일의 위치를 지정하는 소스 속성이 필요하다.

 

HTML은 위와 같이 크게 3가지로 구분된다. 구조 태그는 웹 페이지의 구조를 정의하는데 사용되고, 텍스트 태그는 웹 페이지의 텍스트 서식을 지정하는데 사용되며, 미디어 태그는 웹 페이지에 미디어 요소를 포함하는데 사용된다. 다양한 유형의 태그를 이해하는 것은 잘 구조화되고 형식이 지정된 웹 페이지를 만드는데 중요한 요소이다.