📗웹을 구성하는 뼈대, HTML
웹을 구성하는 가장 기초가 되는 뼈대, HTML
웹을 구성하는 페이지들은 모두 공통적으로 HTML 이라는 기술을 사용합니다. 웹 개발자가 되기 위한 가장 첫 시작은 HTML 을 익히는 것입니다. HTML 에 대한 학습이 선행되어야만 다른 기술들과 조합하여 웹 어플리케이션을 작업할 수 있습니다. 최종적으로는 CSS 와 Javascript 를 추가적으로 이용하여 웹 어플리케이션을 작업하게 됩니다.
HTML이란 무엇일까요?
HTML은 Hypertext Markup Language
의 줄임말로서, 웹사이트를 만드는 가장 기초가 되는 마크업 언어입니다. 여러분이 보는 모든 웹페이지는 HTML로 구성되어 있습니다.
🔰 마크업 언어란?
태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다.
HTML 살펴보기
아래와 같이 한번 따라해보세요.
브라우저를 열어서
vanillacoding.co
를 접속하세요.마우스 오른쪽 버튼을 클릭하고 "페이지 소스 보기"를 선택하세요.
웹페이지의 HTML 소스가 보이시나요?
지금 보신 코드가 처음에는 조금 당황스러울 수도 있습니다. 앞으로 배워나가면서 이해하게 될 내용들이니, 지금은 걱정하지 마세요.
위에서 이야기했듯이, HTML은 마크업 언어입니다. 마크업 언어라 함은, 특별한 기호나 표기를 사용하여 글의 서식과 스타일을 정해주는 언어를 뜻합니다.
HTML은 브라우저에게 정보를 어떤 형식으로 보여주어야 하는지를 전달해주는 역할을 합니다. 예를 들어, 헤드라인이 되는 글귀나 다른 웹페이지로 이동해야 하는 링크를 표현해줄 수 있습니다. HTML을 공부한 이후에 여러분은 웹페이지를 어떻게 예쁘게 꾸밀 수 있는지 그리고 더 나아가 프로그래밍 언어까지 공부하게 될 예정입니다. HTML과 더불어 이 모든 것들이 함께 작용하여 우리가 사용하는 웹을 구성하고 있습니다.
비유를 들자면, HTML은 우리 몸의 뼈대와 같은 역할을 하고 CSS는 우리 몸의 외모를 담당하고 Javascript는 우리 몸의 근육과 같은 역할을 합니다. 모두 다른 역할을 하지만, 웹을 더욱 다이나믹하게 만들어주는 중요한 요소들입니다.
HTML에 대한 간단한 소개는 이쯤에서 마치고, 조금 더 구체적으로 HTML을 어떻게 사용하는지 다음 단계에서 살펴봅시다.
Last updated