HTML + CSS(#2)

HTML이란 웹페이지를 만들기 위한 마크업 언어이며, 웹 브라우저에서 동작합니다

HyperText Markup Language

간혹 사람들이 헷갈려 하는 부분이 있습니다 "어쨋든 HTML도 언어인데 프로그래밍 언어가 아니에요?"

HTML에서 M은 Mark-up를 정의하며 이 뜻은 예를 들어 책을 읽고 있는데 이 부분은 중요하다! 하고 밑줄을 긋는 것 같은 행위입니다

우리는 코드를 작성합니다 우리가 알아보기 위함이 아닌, 웹 브라우저가 알아들을 수 있는 대화입니다

웹 페이지를 제작할 때 타이틀 달고, 제목을 짓고, 링크도 넣으면서 연결시켜주는 것이 html입니다 즉 각각 무엇인지 알려주는 언어라고 할 수 있습니다

조금 더 쉽게 설명해보겠습니다

아래 네이버 메인 사이트입니다

최상단에 탭 부분에 NAVER가 보이시나요 그리고 아래 글씨가 써져있죠 NAVER, 메일, 카페, 블로그, 지식IN 등등

저 글씨를 쓸 수 있고, 지정되게 하는 것이 HTML입니다

 

자 이제 CSS입니다

CSS는 브라우저에게 각각 요소들이 어떻게 생겨 먹어야하는지 알려주는 역할을 합니다

캡쳐한 네이버에서 보시면 글자 색이 네이버를 대표하는 연두색이죠? 저 연두색으로 나오게끔 하는 것이 css이며

각각 틀에 맞게 글씨에 배치되어있고 광고가 들어가있고 로그인 박스가 있고 검색 박스가 있죠 이 틀에 맞게 지정해주는 것이 CSS의 역할입니다

 

여기까지입니다