Basic Frontend Knowledge

Roadmap

Basic Frontend Knowledge - HTML

donghyeob.k 2022. 1. 20. 22:21

HTML?

HTML(Hyper Text Markup Language)는 프론트엔드에서 사용되며 CSS를 사용하여 스타일을 지정할 수 있고 JavaScript를 사용하여 동적으로 만들 수 있는 웹 페이지의 구조를 제공한다.

방대한 양의 HTML을 다 설명하기에는 실력도 지식도 부족하기 때문에 HTML은 "이렇게 생겼구나" 정도로 글을 남기려 한다.

HTML 요소?

HTML요소(element)는 시작 태그, 태그의 속성 이름, 속성의 값, 내용, 종료 태그가 하나로 이루어져 있다. 물론 속성이나 내용이 없거나 종료 태그가 없는 빈 태그(<img />, <input />, <link />, <meta />, <br /> 등) 또한 존재한다.

웹 브라우저는 바로 이 요소들로 이루어진 HTML 문서를 읽고 사용자에게 올바르게 표시하는 것이 목적이다.

HTML 편집기?

HTML은 메모장에서도 올바르게 작성만 하여 확장자를 .htm, .html로 해주면 완성된다.

HTML을 학습하는 가장 좋은 방법은 이런 글을 보는 것보다 당장 메모장이나 에디터를 켜서 작성하는 것이다.

수많은 HTML 태그를 모두 외울 필요도 없으며 요소들이 어떤 위치에 어떻게 사용되는지 정도만 알고 자주 사용하는 태그들을 자연스럽게 익히면 된다.

개인적인 생각으로 HTML과 CSS는 다량의 코드 작성으로 실력이 늘었던 거 같다. 자신이 평소 인상 깊게 봤던 웹 페이지를 열어서 개발자 도구로 어떤 식으로 구성되어있는가도 관찰하면 좋겠다. 관찰 후에는 웹 페이지만 보고 클론 코딩을 진행해보는 것이다.

~~글을 쓰기 싫어서 HTML이 많다고 한 것이 아닙ㄴ...~~