🤷‍♀️HTML 이란?

Hyper Text Markup Language 의 약자.

우선 두 키워드를 분리해서 알아보자!

HyperText

하이퍼 링크를 이용해 독자가 원하는 순서에 따라 기존문서로 접근할 수 있는 텍스트.

차례대로 내용을 읽는 전통적인 텍스트 접근 방식이 아닌 링크를 통해 원하는 페이지로 바로 도착하는 방식.

ex)

하이퍼 링크를 이용해 바로 원하는 정보에 접근가능!

Markup Language

태그를 이용하여 문서나 데이터의 구조를 명시하는 언어.

일반적인 프로그래밍 언어는 아니다.

이 두 키워드를 합치면?

HTML

웹 페이지 구조 혹은 데이터 작성을 위한 마크업 언어

HTML의 특징

구조가 단순하고 문법이 쉽다.

컴파일 되지 않은 텍스트 문서이기 때문에 편집이 쉽다.

마크 삽입만으로 형식을 정의 하므로 파일용량이 매우 작다.

플랫폼에 독립적인 언어이다.

🤷‍♀️css 란?

Cascading Style Sheets 의 약자로 문서가 사용자에게 어떻게 보여질지를 기술하는 언어.

HTML이 정보를 표현한다면 CSS는 HTML문서를 시각적으로 예쁘게 꾸며주는 역할.

HTML 언어에 스타일 기능을 추가하지 않고 css라는 언어를 만든이유

HTML타에 스일에 대한 문법이 추가되면, 각 태그마다 스타일을 조작해야 하는 문제점이 발생.

ex)

<ol>
  <li><a href= "cat.html"> 고양이 </a></li>
	<li><a href= "dog.html"> 개 </a></li>

</ol>

모든 < a> 태그의 글자를 파란색으로 바꿔주기 위해서는 속성을 추가하거나 태그를 사용해야함.

하지만 < a>라는 태그가 1000개 이상이라면 단순 반복해야하는데, css언어는 이를 한줄의 코드로 처리 가능.

CSS의 이점

정보(HTML)과 디자인(css)를 분리할 수 있다.

정보를 수정하지 않고 디자인만 변경할 수 있다.

검색엔진이 HTML을 해석 가능하도록 하기 때문에 더 많은 방문자들이 방문호도록 유도할 수 있다.