HTML 포스팅을 시작하겠습니다.

그동안 저의 블로그에 '구글 블로그 스킨을 수정하는 방법'을 자주 올렸는데, 그 스킨 수정의 기반이 되는 HTML과 CSS에 대한 내용은 생략하고 있었습니다.
그래서 HTML부터 차근차근 포스팅을 해나가 볼까 합니다.

코딩을 독학으로 배울 수 있는 사이트 Opentutorials.org (a.k.a. 생활코딩)

코딩을 독학으로 공부할 수 있는 무료 사이트, Opentutorials.org(생활코딩)을 소개하겠습니다. 오픈튜토리얼스는 일반인들에게 코딩을 아주 쉽게 알려주는 사이트입니다.

HTML 포스팅은 생활코딩의 강의 내용을 기반으로 해나가 보겠습니다.
강의 내용에서 제가 더 덧붙여서 설명할 수 있을만한 내용은 덧붙이고, 강의에 있는 내용만으로 충분하면 별다른 설명은 없이 그냥 영상만 올리는 때도 있을 것 같습니다.

수업 소개

일단 HTML 수업 소개를 하는 첫 영상에서 '웹 애플리케이션 만들기' 수업을 먼저 봐볼 것을 권하고 있습니다.
꼭 그것을 봐야만 앞으로의 공부를 이해할 수 있는 것은 아니지만, "웹이라는 것은 하나의 기술로 동작하는 시스템이 아니고 여러 개의 기술이 서로 협력해서 웹이라고 하는 거대한 시스템을 동작하는 것이기 때문에 HTML이라는 것을 제대로 공부하기 위해서는 이 웹에 대한 전반적인 흐름, 분위기 같은 것들을 좀 알고 있으면 훨씬 더 수월하게 공부할 수 있다"고 하시네요.

웹 애플리케이션 만들기 - 생활코딩

오랫동안 사랑 받은 이 수업 '웹 애플리케이션 만들기'는 WEBn 수업으로 대체 되었습니다. WEBn은 20시간 분량으로 된 '웹 애플리케이션 만들기' 수업을 작게 쪼개서, 부분 학습, 선택 학습 할 수 있도록 고안된 수업입니다.

웹 애플리케이션 만들기 수업 링크입니다.

HTML이란?

HTML은 HyperText Markup Language의 약자로 하이퍼텍스트를 생성하는 마크업 언어입니다.
인터넷 월드와이드웹 World wide web(www)에서는 특정 텍스트를 마우스로 클릭했을 때 이와 하이퍼링크되어 있는 다른 페이지로 이동할 수 있는데, 이때 하이퍼텍스트를 기술할 수 있는 마크업 언어로 사용되는 것이 HTML입니다.
이 HTML이라는 프로그래밍 언어를 이용해서 만든 웹페이지는 ○○○.html이라는 확장자를 가지게 되고, 이런 페이지들이 하나하나 모여서 하나의 웹사이트를 이루게 됩니다.

인터넷이 생긴 후부터 우리의 생활은 너무 많이 변했습니다.
제가 인터넷을 처음 사용하기 시작했던 때를 떠올려보면..
국내에서는 접할 수 없는 뮤지션의 음악을 인터넷을 통해서 듣기도 했었고, 학창 시절의 동창을 찾아주는 '다모임'이라는 웹사이트를 통해서 연락이 끊겼던 친구들과 만나기도 했으며, 인터넷에 올라온 수많은 자료들로 독학을 해서 간단한 홈페이지를 만들어보기도 했습니다.

그리고 인터넷은 계속 발전하고 있습니다.
지금은 어떤가요?
역시 국내에서는 접할 수 없는, TV에서는 나오지도 않는 유명한 해외 뮤지션의 공연 영상이나 뮤직비디오를 유튜브^YouTube라는 동영상 재생 사이트를 통해서 얼마든지 볼 수가 있고, 심지어 그 플랫폼으로 개인 방송도 할 수 있는 시대가 됐습니다.
밖으로 나가지 않아도 집에서 인터넷으로 쇼핑을 할 수 있고,
오프라인으로 쇼핑을 할 때에도 인터넷으로 상품의 대략적인 가격을 알아볼 수가 있기 때문에
예전처럼 바가지를 쓰지 않고 구입을 할 수가 있습니다.
그리고 지금은 예전보다 더욱더 자료의 양이 방대해져서 예전에 제가 만들었던 간단한 홈페이지보다 훨씬 더 좋은 퀄리티의 사이트를 독학으로 만들어볼 수도 있을 것입니다.
지금 이렇게 생활코딩 사이트를 통해서 공부를 하고 있는 것처럼요.

어쨌든 이렇게 인터넷을 이용해서 생활의 여러 가지가 편리해진 것은 HTML이라는 언어 덕분이라고 해도 과언이 아닐 것입니다.
다음부터는 HTML의 태그라는 문법을 같이 공부해봅시다.

Photo by Florian Olivo on Unsplash

다음 포스트

제목 태그와 글씨를 굵게 해주는 태그

HTML의 기본 문법을 공부하면서 제목 태그인 h1~h6, 글씨를 강조하는 태그인 b와 strong을 배워보겠습니다.