HTML

— HyperText Markup Language

HyperText

— 참조(하이퍼링크)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트

HyperText는 참조(하이퍼링크)를 통하여 한 문서에서 다른 문서로 연결될 수 있는 HTML의 특성을 나타냅니다.

Markup

위 예문들에서 괄호와 따옴표들의 역할을 생각해봅시다. 위 기호들은 일상생활에서 사용되는 대표적인 Markup 기호들입니다. 이들은 Text의 특정 부분에 의미를 부여하는 역할을 합니다. 예를 들면, 괄호는 부대상황 혹은 비언어적 표현을, 큰 따옴표는 인물의 대사를, 작은 따옴표는 인물의 심정을 나타내는 역할을 합니다.

우리는 웹사이트의 요소들을 어떻게 텍스트로 변환할 것인지에 대해 고민하게 됩니다. 일상생활에서 사용하는 Markup 기호들에 착안하여, Tag라는 개념을 사용합니다. Tag를 사용하면, 텍스트의 각 부분으로 하여금 웹 페이지의 특정 부분을 담당하도록 역할을 부여해줄 수 있습니다.

Tag

<aside> 💡 <p>My cat is very grumpy</p>

</aside>

**<p>**와 **</p>**를 각각 여는 Tag닫는 Tag라고 하며 이들은 일상생활의 Markup 기호들에서 여는 괄호와 닫는 괄호에 대응합니다. 즉, **<p>**와 </p> 사이의 텍스트들은 어떤 특정한 의미를 가지게 됩니다. 위 태그에서 p에 해당하는 부분을 Tag의 이름이라고 하며 태그로 감싼 부분이 어떠한 의미를 가지게 될 지 결정하는 역할을 합니다. **<p>**를 p Tag라고도 하며 p는 Paragraph의 줄임말로, p Tag로 감싸진 영역은 하나의 문단이라는 의미를 가지게 됩니다. 또한, 여는 태그와 닫는 태그 사이의 텍스트를 Content라고 하며, TagContent를 합쳐 Element라고 합니다.

위 내용을 정리하면 아래와 같습니다.