HTML
HTML이란 Hyper Text Markup Language의 줄임말로 우리가 브라우저를 통해서 보게 되는 웹 사이트의 실질적인 내용을 담고 있는 문서입니다. 즉, 웹 문서의 가장 기초이자 필수 요소이며, 웹 사이트에서 뼈대와 같은 역할을 합니다.
위 사진의 네이버 홈페이지에 있는 글씨, 이미지, 아이콘, 영상 등 모든 내용을 담고 있는 것이 HTML 문서이다. 웹 문서에 표시되어야할 컨텐츠를 담고 있는 문서라고 봐도 됩니다.
HTML에는 두가지 핵심 개념 중 첫번째 Hyper Text는 웹 문서 간 이동을 할 수 있는 글씨를 의미합니다. 네이버를 예시로 들자면 네이버 홈 페이지에 있는 글씨, 버튼 등을 클릭하면 브라우저가 새로고침되면서 다른 페이지를 보여줍니다. 이렇게 현재 페이지에서 다른 페이지로 이동할 수 있게 해주는 것을 하이퍼텍스트라고 됩니다.
이렇게 네이버 웹툰 페이지가 열립니다.
두번째로 Markup Language란 특정 텍스트에 의미나 스타일 혹은 기능 등을 지정할 수 있게 표시(Mark)하는 언어를 의미합니다. 우리가 문서 작업을 할 때 많이 사용해본 한글 프로그램에서 글씨를 드래그해서 영역을 지정한 후 색상을 지정할 수 있는데 이렇게 특정 글씨에만 색상을 적용하는 것을 마크업이라고 보면 됩니다. HTML을 작성할 때에는 그러한 버튼들이 없기 때문에 HTML의 문법에 맞게 스타일, 기능 등을 지정하면 됩니다. 바로 다음에 살펴보겠지만 HTML에서는 태그(Tag)라는 것을 통해 마크업을 합니다.
아직 HTML 문법을 배우지 않았지만 <h1>은 제목을, <p>는 문단을 의미합니다. 그래서 브라우저가 Hello HTML!이라는 글씨가 제목이라는 것을 알 수 있습니다. 그리고 브라우저로 열어보면,
이렇게 스타일을 지정한 적이 없지만 일반적인 글씨와 다르게 제목은 글씨가 더 크고 굵게 표시되는 것을 볼 수 있습니다.
이 외에도 특정 기능을 수행하는 등 스타일, 기능을 특정 글씨에 부여하는 것이 바로 마크업입니다. 첫번째로 살펴보았던 하이퍼 텍스트, 즉 페이지 이동도 이 마크업을 통해서 특정 글씨 클릭시 페이지가 이동할 수 있게 작성을 한 것입니다.
정리하면 HTML이란 페이지와 페이지 간의 이동이 가능하며 태그(Tag)라는 수단을 통해 스타일, 기능 등을 부여하는 텍스트로 이루어진 문서를 의미합니다.
