HTML기초와 필요성에 대하여

HTML기초와 필요성에 대하여

- 공부를 시작하려하는 계기

 

요즘같은 현대사회에서는 꼭 PC앞에서만이 아니더라도,  모바일만으로도 다양한 정보를 실시간으로 접하는것은 물론 다양한 경험도 겪을 수가 있다. 그만큼 다양한 컨셉들의 플랫폼들이 나날이 발전하고 있는데 , 나는 주로 플랫폼안에 있는 컨텐츠를 소비하는 쪽이라고 할 수 있었다.  플랫폼에서 콘텐츠를 생성하는 쪽으로 삶의 방향을 잡아보고 스스로가 해보고 싶은 일들을 곰곰히 생각해보았다. 그러다보니 플랫폼과 HTML은 깊은 연관이 있었고 , HTML기초를 지금이라도 조금씩 손에 익혀가보면 큰그림으로 보았을때 분명 나에게는 훌륭한 무기가 되지 않을까 싶다.

 

HTML을 이용하여 할 수 있는 것들

HTML기초를 이제서야 시작하는 필자로는 몇년안에라도 불가능 하겠지만, 이렇게 배우는 언어들로 위의 이미지처럼 많은 사람들이 이용하고 있는 검색사이트나 모바일 어플들을 비롯하여 인터넷으로 이용할 수 있는 것이라면 어떤것이든 만들어 낼 수 있을것이다. 필자가 잡은 소소한 목표는 홈페이지 정도라고 볼 수 있다. 당연히 그정도까지 실력이 올라간다면야 그 이후로는 홈페이지를 제외하고도 다양한 시도들을 해볼것이다.

 

website

 

하이퍼텍스트 마크업 랭귀지

- HyperText Markup Language

 

대문자들을 보면 어떤 단어인지 단번에 알 수 있다. 한가지 정리를 해보자면 내가 온라인을 이용하고 있는 상황중에 어떠한 눈길이   

가는 문구 혹은 링크가 보인다고 가정해보자. 그 문구나 링크를 클릭하면 작성자가 유도하고자 하는 사이트로 이동하게 되는데 그러한 기능을 "하이퍼텍스트"라고 한다. 그러한 기능을 "마크업"해놓은 언어들이라는 뜻으로써 ,  온라인 기능들을 사용자가 활용할 수 있도록 정리되어있는 문서를 HTML이라고 할 수 있겠다.

 

 

HTML 언어들

HTML 언어들2

 

여기서 이해가 조금더 수월할 수 있도록 설명을 좀더 추가해보자면, TAG(태그)라는 명령어들을 활용하여 웹사이트에 사진,글,제목,지도 등등을 표시할 수 있는데 이러한 행위를 "마크업"이라고 할 수 있다. 즉 위에 나열한 사진을 유심히 살펴본다면 이해에 도움이 될 것이다. 즉 위에 나열한 이미지들이 바로 tag를 마크업해놓은 것이다.

 

HTML기초공부 이후

- 목표와 바램

현시간부로 틈틈히 시간을 쪼개어 HTML기초 이론습득 및 실습을 따라해 볼 예정이다. 어느정도 시간이 흐르고 지식이 쌓이면 가장 먼저 해보고 싶은 것은 사이트 구축과, 그보다는 좀더 소소하게 지금 글을 작성하고 있는 이 티스토리 스킨제작도 한번 직접 해보고 싶다는 생각도 든다. 사실 시간의 여유가 많은편은 아니지만 그렇다고 계속 미룰수도 없는지라 , 최대한 시간을 활용해볼 예정이다. 

 

 

HTML의 다양한 활용

 

 

예전에는 엄두도 못 낼 일이겠지만 , 요즘은 서적이나 온라인에서도 많은 팁들이 공유되고 있으니 잘 정리하고 실행에 옮겨봐서 차후에 나와같이 HTML에 관심은 있지만 어떻게 해야할지 고민이 많은 분들에게 도움이 많이 되었으면 하는 바램이며 , 필자 또한 그중 한명인만큼 최대한 쉬운것들부터 하나하나 정리해보려한다. 그만큼 예전처럼 꼭 이 분야에서 종사하고 있는 사람이 아니더라도 이제는 관심만 가지고 있다면 누구나 쉽게 접근해 볼 수 있다.

 

마치며

짧게나마 그동안 주위에 너무나 가까이 있지만서도 잘 모르고 있었던 HTML기초와 필요성에 대해서 필자의 시각으로 정리를 해보았다. 사실 이 포스팅 안에서는 어디에 이용되는지 대략적인 느낌과 어떤 단어들의 줄임말인지에 관련해서만 정리해보았다. 이론적인것들은 너무나 개인적으로 지루한 부분이기 때문에 차후의 몇가지 포스팅에만 HTML기초와 관련된 이론적인 부분을 정리하고 이후에는 실습과 복습 어떠한 기능을 확인하기 위한 순서 및 절차와 관련된 실전에 가까운 그런 포스팅들을 많이 남겨볼 예정이다.