HTML에 대한 이해(기초 정보)
안녕하세요. 오늘은 HTML에 대해서 알아보겠습니다. 그나마 티스토리 같은 블로그나 홈페이지를
만져보신 분들은 들어보셔서 대충의 개념을 이해하시겠지만 일반인들은 아마 이해하기 어려운 부분이라고
생각합니다. 그도 그럴 것이 이 부분에서 쉽게 풀어쓴 내용을 찾기가 어렵거든요.
그래서 초보인 저도 스스로 정리할 겸 또한 여러분과 정보를 교환하고자 편하게 정리해보려고 합니다.^^
[HTML은 무엇이고 언제 사용하는 것인가?]
일단 'HTML' 이란 Hypertext Markup Language의 약자입니다.
랭귀지, 즉 HTML은 언어입니다. 누구와 이야기하는 언어냐고요? 바로 [컴퓨터]와 이야기하기 위한
언어입니다. 그런데 컴퓨터의 각 프로그램마다(소프트웨어) 다양한 언어를 사용하는데요.
(C언어, 자바 스크립트, 파이썬 등...)
이 HTML은 인터넷에 사용되는 [웹 사이트] 구성에 활용되는 컴퓨터 용어라고 이해하시면 편합니다.
사람도 언어가 영어, 한국어, 중국어 다양하잖아요? 컴퓨터 프로그램 구성에도 소프트웨어 종류별로
상당히 다양한데 웹 사이트 구성에(or 개발이랄까요?) 가장 많이 사용되는 언어가 바로 이 'HTML'입니다.
이미 이름에서 많은 기능을 설명하고 있는데 Hypertext는 우리가 익히 사용하고 있는 '하이퍼링크'를
떠올리시면 이해하시면 편합니다. 일반적인 텍스트가 아닌 점프 기능을 가진 문자라는 것이죠.
여기에 Markup은 기호(표시나 부호 등)를 통해 데이터의 구조를 설명하는 걸 의미합니다.
티스토리 수정을 조금 해보신 분들은 <title>, <head> 등의 표현을 보셨을 거예요.
이걸 Markup이라고합니다. 즉, 이 2가지 기능이 더해진 구조화된 언어가 바로 HTML을 말하는 거죠.
음... 뭔가 복잡해져 가는 거 같은데 다시 간단하게 정리하면
#1. HTML은 웹사이트를 구성하는 컴퓨터 언어이다.
#2. <head> 등 <> 안에 들어가는 태그는 텍스트를 표시 및 꾸며주는 역할을 하며
사이트 구조를 쉽게 이해할 수 있도록 도와준다.
#3. Markup( <> 사이에 들어가는 텍스트 ) 안의 내용은 웹 사이트를 구성하는 기본 텍스트이다.
로 이해하시면 아주 쉽습니다.^^
[HTML은 프로그래밍 언어인가?]
조금 다르다고 할 수 있어요.ㅎㅎㅎ 그래서 C언어 등을 공부한 분들은 HTML은 프로그래밍 언어로
생각하지 않습니다. (지금은 다를 수도...) 왜냐하면 다른 하드 한(?) 언어의 경우 컴퓨터의 논리 구조를
이해하여 프로그램을 설계하는 반면 HTML은 텍스트의 기능을 구성하는 간단한(?) 태그 등으로만
구성되어 있거든요.
음... 하지만 현재 PC의 활용도를 따져보면 인터넷의 활용이 가장 많다고 할 수 있는데 익스플로러 자체를
만들어낼 수 있는 프로그래밍 언어도 위대하지만 그 속의 소프트웨어라고 할 수 있는 웹사이트를
구성하는 HTML도 나름대로 프로그래밍 언어라고 생각해볼 수도 있겠네요.
이건 각자의 PC 활용도에 따라 알아서 판단하면 될 것 같습니다.
하지만 정석적으로 따져보면 프로그래밍 언어랑은 조금 결이 다른 건 사실이에요.^^
[HTML은 누가 정의하는가?]
자, 그렇다면 이 HTML에 대해서 정의해야 할 사람이 필요합니다. 왜냐하면 언어는 항상 시대에 따라서
변화하니까요. 사람이 사용하는 언어는 각 나라의 정부에서 표준어를 만들어서 사용하잖아요? 컴퓨터도
그런 규칙이 있어야 하거든요. 그래서 PC 언어의 경우에도 '야, 우리 이 명령어는 이렇게 사용하자'라고
정하는 사람들이 있습니다. 그건 바로 W3C(World Wide Web Consortium)입니다.
이게 왜 중요하냐면요. 많은 설계자들(아키텍처)은 고유의 방식이 있어요. 이게 무슨 말이냐면요.
여러분도 말할 때 보면 본인이 다른 사람보다 많이 사용하는 단어나 표현이 있잖아요?
컴퓨터 언어도 마찬가지예요. 똑같은 결과물을 내기 위한 방식이 여러 가지가 있는데
아키텍처마다 선호하는 방식이 있어요. 근데 그걸 기준점을 세우지 않으면 중구난방으로 웹을
만들어 버려요. (예전 2000년대 초반에는 정말 그랬어요. 엉망이었죠...ㅎㅎㅎ)
그렇게 되면 설계할 때는 문제가 되지 않는데 다른 사람이 수정, 보완해야 할 때 엄청 어려워요.
그래서 가끔 회사 엿 먹으라고(?) 엄청 어렵게 설계하는 설계자들이 간혹(물론 지금도) 있어요.
하지만 이런 비효율적이고 비생산적인 부분을 줄이고자 웹 표준을 만들어 배포하고 있어요.
그게 위에서 소개한 기구라고 이해하시면 됩니다.
[HTML의 버전]
자, HTML은 언어인 만큼 버전이 있답니다.^^ 자동차도 2019년식, 2020년식이 있잖아요?
지금 사용하는 HTML의 버전은 5라고 부릅니다. 그래서 HTML 5라고 부르지요.
이게 버전별로도 미묘한 차이가 있는데 그것까지는 사실 모르셔도 될 것 같아요.
그냥 최신 버전의 활용방법만 익혀도 되니까요.
굳이 내가 지금 갤럭시 s9을 사용하고 있는데 갤럭시 s3의 사용방법을 익힐 필요는 없잖아요?^^
HTML에서 가장 중요한 것은 태그라고 할 수 있는데 구글에 Tag Reference라고 검색하면
www.w3schools.com/TAGS/default.ASP로 연결이 됩니다.
해당 사이트에서 본인이 필요한 태그를 검색하여 웹 설계에 사용하시면 됩니다.
오늘은 여기까지만 하고요. 다음번에 CSS와 HTML의 설명 보완해서 글을 한번 더 작성하도록 하겠습니다.
'IT,PC 정보 모음 > HTML_CSS' 카테고리의 다른 글
| HTML과 SEO(search engine optimization)와의 관계 (2) | 2020.10.12 |
|---|---|
| HTML과 CSS와의 관계 (0) | 2020.10.12 |
| HTML의 기본 구조 (2) | 2020.10.12 |
이 글을 공유합시다
