HTML, CSS이란?

 

HTML (Hyper Text Markup Language)

웹 페이지를 만드는 컴퓨터 언어

 

 

Hyper Text : 문서 내부에 다른 문서로 연결되는 참조를 넣어 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트

 

링크를 통해 한 페이지에서 다른 페이지로 뛰어넘는 비순차적 접근법을 표현함

 

 

Markup Language : 문서를 구조적으로 표현해내는 언어

 

HTML은  마크업 언어를 통해서 정보를 본문, 제목, 주소 등으로 구조적으로 표현 가능

 

브라우저는 HTML을 읽어들이고 그것을 표시에 우리에게 보여줌

 

 

정보는 태그(Tag)를 통해 표현됨.

 

태그는 꼬리표를 뜻하며 정보를 구조적으로 나누는 역할을 함

 

태그의 구조는 기본적으로 <여는 태그>content</닫는 태그> 

 

첫번째 태그를 통해 시작을 알리고 /가 포함된 태그를 통해 끝을 알림

 

그 사이에 콘텐츠가 들어감

 

 

태그를 통해 정보를 구조적으로 나누는 이유는 검색엔진에게 정확한 정보를 전달하기 위함

 

웹 페이지가 어떤 정보를 가지고 있는지 검색엔진은 html 코드를 읽어들여서 판단함

 

컴퓨터가 잘 읽어낼 수 있도록 정확한 정보를 제공할 필요가 있음.

 

 

 

---

CSS(Cascading Style Sheet)

HTML이 문서 내 정보를 구조적으로 표현하기 위한 언어라면

 

CSS는 문서를 표시하는 방법(스타일, 레이아웃)을 지정하는 언어

 

초기에는 HTML에 디자인을 위한 코드를 추가했으나, 디자인 기능이 정보로서 웹의 가치를 퇴보시킴

 

이에 CSS라는 언어를 추가해 디자인과 관련된 정보를 따로 관리하게 함으로써

 

효율적으로 디자인을 수정하거나 필요한 정보를 가져올 수 있게 됨