# 4.1 O que é HTML?

Ele dá estrutura pra tudo que você vê na internet: textos, imagens, formulários, botões...\
Sem ele, os sites seriam só um **textão bagunçado** e sem graça 😴.

## 💡 HTML = **Linguagem de Marcação de Hipertexto**

* #### 🔗 **Hipertexto**

  São os **textos com links** que levam pra outras páginas ou arquivos.\
  É isso que te permite clicar em uma palavra e abrir outra página 🖱️➡️🌐.
* #### 🏷️ **Marcação**

  São as **tags** (como `<h1>`, `<p>`, `<img>`...) que definem o que é o quê na página:\
  título, parágrafo, imagem, botão etc.\
  É como dar **etiquetas** pro conteúdo pra ele ser exibido direitinho no navegador 🧩📦.
* #### 🧠 **Linguagem**

  Quer dizer que existe uma **gramática e regras** pra escrever o HTML.\
  Todo navegador entende esse “idioma” universal.\
  Você escreve `<p>Oi!</p>` e o navegador entende: “Ah, isso é um parágrafo!” 👨‍🏫💬.

{% columns %}
{% column width="50%" %}

<figure><img src="https://3296352579-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM6UO6l8WmCnDy7MzGKD1%2Fuploads%2F2SU9XEMjHOpA6uPXUy6R%2Fimage.png?alt=media&#x26;token=435dcd47-3942-4f57-89e0-1f9f430a5cd5" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}

### 🤝 Os melhores amigos do HTML: **CSS e JavaScript**

#### 🛠️ HTML é a estrutura

Com ele, você organiza o conteúdo da página.\
Imagina montar uma casa: o HTML é o **tijolo e o cimento**! 🧱🏠

\
🎨 CSS é o estilo

Quer deixar a página bonita, com cores, fontes legais, tudo arrumadinho?\
É o CSS que faz essa mágica ✨👗.

#### 🤖 JavaScript é o cérebro

Quer que algo aconteça quando clicar em um botão?\
Ou mostrar uma mensagem na tela?\
É o JavaScript que dá vida pro site! 🧠⚡
{% endcolumn %}
{% endcolumns %}

#### ⚙️ Juntos, formam o trio parada dura da web 💪🌐

Sem eles, **nada funciona direito**.\
Com eles, você cria sites que encantam, funcionam e fazem sentido.

Aprender HTML é **o primeiro passo** pra virar um(a) dev de respeito.\
Bem-vindo(a) ao jogo! 🎮👨‍💻👩‍💻