HTML, CSS 개념

이번 시간에는 HTML과 CSS에 대해 배워보도록 하겠습니다.

먼저, HTML이 도대체 무엇인지에 알아볼까요?

HTML은 hyper-text-markup-langauge의 줄임말로,
hyper-text, 하이퍼 텍스트의 뜻은 별로 중요하지 않고, markup의 뜻이 중요합니다.
책을 읽을 때, 중요한 부분한 부분에 markup, 밑줄을 긋듯이, HTML도 밑줄을 그어 줍니다.
HTML은 프로그래밍 언어가 아니라는 말이죠.

우리는 엄청 길고 복잡한 코드를 작성할 때, 각각이 무엇을 뜻하는지에 대해 브라우저에게 알려주어야 합니다.
그래서 어디서부터 어디까지가 제목인지, 여기서부터 여기까지는 링크라는 것을 알려주는 것,
즉, 각각 무엇인지 알려주는 언어가 바로 HTML입니다.

다시 말하자면, HTML을 통해 브라우저에게 이것은 제목, 링크, 리스트, 문단, 헤더, ... 등등을 알려줄 수 있습니다.

CSS는 cascading style sheet의 줄임말로, 브라우저에게 각각 요소들이 어떻게 구성되어 있는지에 대해 알려줍니다.
CSS 역시 프로그래밍 언어는 아닙니다.

HTML과 CSS의 차이를 예를 들어 설명해 보자면,
HTML은 이건 링크다, 이건 이미지다라고 알려주는 것이고, 
CSS는 저 텍스트는 빨간색이고, 저 이미지는 커야 하고, 저 내비게이션은 위치가 옆에 있어야 된다, 등등에 대해 알려주는 것입니다.

다시 말해, HTML은 브라우저에게 각 요소가 무엇인지에 대해 설명해 주는 것이고,
CSS는 각 요소의 색상, 크기, 배경이 어떠한지에 대해 설명해 주는 것입니다.