HTML이란 무엇인가? 🤔

들어가며

HTML? 많이 들어 봤는데.. 요즘 HTML로 코딩한다는 농담도 하던데..
꼭 개발에 관심이 없는 일반인이더라도 한 번쯤은 들어봤을 단어 HTML!
오늘은 그 HTML이 도대체 뭔지 간단히 설명을 해보고자 합니다. 🙂

HTML이란?

HTML을 아주 간단하게 말하면 웹페이지를 만드는 언어라고 할 수 있습니다.
HTML은 HyperText, Markup, Language 세 단어의 조합인데요,
각각의 단어가 무엇을 의미하는지 차근차근 설명해 보겠습니다.

HTML 각 단어의 의미

HyperText, Markup, Language의 의미

HyperText: 문서와 문서가 연결되어 있다.
- 쉽게 말해 링크가 있어서 다른 문서로 이동할 수 있는 것입니다.
Markup: 태그로 이루어져 있다.
- 상품에 붙어있는 태그의 역할을 생각해 보시면 이해가 빠르게 되실 것 같습니다. 대상을 설명하거나 정의하는 역할을 합니다.
Language: 언어 (=약속, =의사소통)
- 여러분, 언어의 목적이 뭘까요? 가장 큰 목적이라 하면 의사소통입니다. HTML은 브라우저와의 의사소통을 위한 언어라고 볼 수 있습니다.
  그렇다면, 언어를 사용해서 정확하게 의사소통을 하기 위해서는 무엇이 가장 중요할까요? 네, 바로 약속입니다.

✅ 총정리해 보자면,
HTML이라는 것은 문서끼리 연결되는 웹페이지를 만들 수 있는 언어인데, 웹브라우저와 소통을 위한 언어의 규칙은 태그를 사용하는 것이다.라고 말할 수 있겠네요. 여기까지 HTML을 이해하는 데에 도움이 되셨을까요?

HTML 태그의 규칙

HTML이 무엇인지 이해가 되셨나요? 😊
그렇다면 혹시 HTML에서 사용하는 태그의 규칙이 구체적으로 무엇인지 궁금하지 않으신가요?
이번에는 태그의 규칙에 대해서 설명해드리고자 합니다.

규칙을 설명드리기에 전에 하나만 생각해 봅시다.
신발에 태그가 붙어 있다고 가정해 볼까요? 태그에는 어떤 내용이 들어갈까요?

네, 신발의 소재, 사이즈, 컬러 등 신발에 관한 설명이 태그 안에 적혀져 있을 것 같아요.
HTML의 태그도 이와 똑같습니다. 예시를 보여드릴게요.

<a 속성명="속성값">표현하고 싶은 콘텐츠</a>

태그의 규칙

열리는 태그 & 닫히는 태그는 짝꿍!
- <a> 이렇게 열리는 태그가 있다면 </a> 이와 같이 닫히는 태그가 꼭 존재해야 합니다.
열리는 태그와 닫히는 태그 사이에는 웹페이지에 실제로 표시하고 싶은 콘텐츠를 적습니다.
- <p>HTML 이란</p>
  예를 들어 위와 같은 태그를 작성한다면, 웹페이지상에 다음과 같이 보입니다.
  HTML 이란
속성명에는 콘텐츠 외에 해당 태그에 부가 설명을 추가할 수 있습니다.
- <a href="https://www.devdive.co.kr">devdive블로그 사이트</a>
  예를들어 href라는 속성명은 속성값인 https://www.devdive.co.kr와 devdive블로그 사이트라는 콘텐츠가 연결되어 있다는 뜻입니다.

마치며

여기까지 HTML이 무엇인지, 그리고 HTML의 태그의 규칙은 무엇인지에 대해서 간단히 설명해 보았습니다.
부디 이 글이 도움이 되셨으면 좋겠습니다. 다음번에는 HTML을 사용하여 구체적으로 어떻게 웹페이지를 만들 수 있는지에 대한 글을 들고 오도록 하겠습니다. 글을 읽어주셔서 감사합니다.