HTML 강좌 첫 시간입니다. 오늘은 HTML과 HTML을 이루는 태그(Tag)에 대해서 간략히 알아보도록 하겠습니다. 홈페이지를 제작 하거나 블로그 스킨등을 만들다 보면 늘 등장하는 것이 HTML, 태그, CSS, Java이런 단어들이 나옵니다. 하지만 정작 이것들이 무슨 말인지 도통 알 수가 없지요. 그냥 쓰니까 그런가보다 하고 넘어 가게 마련입니다. 그래서 오늘은 태그가 무엇인지 기본 개요부터 설명을 한 후에 다음 글부터 태그에 대해서 살펴 보겠습니다.

태그(Tag)란 HTML문서를 구성하는 명령어입니다.(키워드로 말하는 그 태그가 아닙니다.)

쉽게 설명 하자면, 한글을 만드는 가장 기초가 무엇일까요? 자음과 모음입니다. 자음과 모음이 모여서 한 단어를 만들고 문장을 만듭니다. 태그는 그 자음과 모음에 해당되는 것이라고 설명하면 이해가 쉬울듯 합니다. 영어는 알파벳에 해당 하겠네요.

태그란?

HTML이란 "Hyper Text Markup Language"의 약자로, 하이퍼텍스트란 언어입니다. 인터넷에서 웹을 통해 보여지는 모든 문서와 사이트를 이루는 기본적인 언어라고 설명 하겠습니다. 각 나라마다 고유의 언어가 있듯이, 컴퓨터에도 각각의 언어 들이 있습니다. 그 언어중에 웹(WWW)에 해당되는 언어 중에 가장 기본이 되는것이 HTML입니다. 이외에 C나, Java등도 있지만, 그것보다는 쉽고 이해가 빠르며, 가장 널리 쓰이고 있습니다.

우리가 사용하는 각종 사이트에는 이 HTML로 이루어져 있습니다. 홈페이지, 블로그, 쇼핑몰, 포털사이트, 각종 웹문서등 인터넷 안에서 보여지는 모든 것들이 이 HTML로 이루어져 있습니다. 브러우저안에서 이 언어를 해석하여 우리에게 화면으로 보여 주는 것이지요.

html이란?

위에서 HTML은 언어라고 설명은 했습니다. 태그는 쉽세 그 HTML문서를 구성하는 알파벳이라고 했습니다.

하면 이것들을 어떻게 화면에서 보여주게 되는지 궁금 하시죠? 예를 들어 "엄마"란 단어를 우리가 보게 하려면 우리는 자음과 모음을 익혀야 합니다. 또한 그것들을 우리끼리 약속을 합니다.

예를 들면, "ㄱ"은 기역이라고 약속을 합니다. 이렇게 약속해 놓은 자음과 모음중에 ㅇ,ㅓ, ㅁ, ㅁ, ㅏ 란 5개의 자음 모음을 조합해서 엄마라고 우리는 약속을 하는 것이지요. 그래서 이것을 우리는 엄마라고 읽고, 엄마라고 이해를 합니다.

컴퓨터도 우리처럼 이런 약속을 정해 주어야 그것을 그렇게 해석하고 보여 주게 됩니다. 그것이 HTML이라는 언어인데, 그 HTML의 자음 모음에 해당하는 태그를 사용해서 지정해 주면 브러우저는 보내온 5개의 태그를 읽고 해석하여 우리에게는 "엄마"라고 보여 주게 되는 것입니다. 즉 다시 말해 ㅇ,ㅓ, ㅁ, ㅁ,ㅏ란 태그를 보내면 컴퓨터는 엄마라고 해석 할 수있도록 약속을  한 것입니다. 이 약속을 토대로 브러우저 상에서 우리가 필요한 것들을 화면으로 출력합니다.

태그가 웹으로 구현되는 과정

HTML은 웹상에서 보여지는 모든 문서, 사이트 전체를 모두 포괄 하는 언어입니다. 홈페이지, 웹문서등 웹상에서 보여지는 모든 문서에 쓰입니다. 아주 포괄적이고, 광범위 하지요. 때문에 태그의 기본 정도는 알고 있어야 된다고 생각합니다.

오늘은 예스비™와 태그와 HTML의 개요에 대해 짧게 알아봤습니다. 다음 글 부터는 기본적으로 알아야 할 태그에 대해 본격적으로 정리하여 드릴께요.정리하는데 있어 부족한 부분이 있을지도 모르겠습니다. 전문 강사가 아니니 부족하더라도 너그럽게 이해해 주시기 바랍니다.

요약 정리:

1. HTML이란? "Hyper Text Markup Language"의 약자로 하이퍼 기능이 있는 마크업 언어란 뜻입니다.

2. 하이퍼 기능이란? 각각의 텍스트가 거미줄처럼 서로 연결되어 텍스트사이의 이동을 자유롭게 하는 것을 말합니다. 우리가 흔히 링크라고 부르는 것이 바로 이 기능이죠.

3. 태그란? 위에서 말한 마크업 언어를 쉽게 태그(Tag)라고 부릅니다.

4. 마크업이란? 원래 문서를편집하고 구성하기 위해 원고에 특정한 표식을 하는 것을 가리키는 말입니다. 즉, 원고의 교정 기호와 같은 것들을 말하죠. 그리고 마크업 언어란 이런 기호들을 체계적으로 통일 시킨 것을 말합니다.

- "HTML+CSS+ 자바스크립트 무작정 따라하기"에서 발췌