[HTML (1)] HTML이란

흔히 HTML, CSS, JS(Java Script)를 웹 페이지를 이루는 기본 3요소라고 이야기 한다.

이때 각각

HTML은 웹의 구조와 내용,

CSS는 브라우저에 보이는 모양과 스타일,

JS는 사용자의 액션에 따라 웹 페이지의 요소를 동적으로 제어하는, 이벤트와 반응을 담당한다.

(파일의 확장자는 각각 *.html, *.css, *.js이다.)

 

HTML은 프로그래밍 언어가 아니다. python보다도 word 프로그램과 더 닮았다.

HTML과 word는 모두 텍스트의 서식을 지정할 수 있다. 제목인지, 부제인지, 본문인지 등 텍스트마다 역할이 존재하고 이 텍스트들을 짜임새 있게 구성해야 한다. HTML도 웹의 구성요소들을 짜임새 있게 구성해야 한다.

 

그렇다면 HTML의 구성요소는 어떻게 될까?

HTML의 풀네임을 살펴보며 확인해보자.

 

HTML : HyperText Markup Language

 

(1) HyperText 

웹에서 다루어지는 Text들이 단순히 정적인 텍스트를 넘어서, 다른 웹 페이지나 미디어 리소스에 접근할 수 있는 링크를 가질 수 있는 형태. 인터넷에서 정보의 바다를 만날 수 있게 해준 핵심적인 기능. 링크가 작동하지 않는 웹페이지는 메모장에 불과하다.

 

(2) Markup

Text에 구조 혹은 의미를 부여하는 것. 의미를 부여할 때는 아래와 같은 'Tag(태그)'를 사용한다.

<제목> 제목 </제목>
<부제> 부제 </부제>
<내용> 내용 </내용>

Tag라는 양식은 일반적으로 '여는 태그'와 '닫는 태그'가 한 쌍이다. 두 태그 사이에 쓰고자 하는 내용을 작성하면 된다. 위 코드에서는 세 쌍이 존재하며 닫는 태그에는 /가 포함되어 있음을 확인할 수 있다. 일반적으로 한 쌍을 같이 사용하지만, 한 쌍을 함께 쓸 필요가 없는 태그들도 존재한다. 또한 태그 안에 <제목>, <부제>, <내용>은 실제로는 사용하지 않는 태그이나, 이해를 돕고자 한글로 된 태그를 예시로 들어보았다. 용도에 따라 다양한 종류의 태그를 직접 골라 사용하면 된다.(다양한 태그 종류에 관해서는 나중에 블로그 글로 올릴 예정)

 

(3) Language

(컴퓨터와의) 의사소통 언어.

 

*작성 참고 자료

https://techit.education/