> For the complete documentation index, see [llms.txt](https://favelaware.gitbook.io/favelaware/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://favelaware.gitbook.io/favelaware/4-html/4.1-o-que-e-html.md).

# 4.1 O que é HTML?

📄 HTML é como o esqueleto de um site

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&amp;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! 🎮👨‍💻👩‍💻


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://favelaware.gitbook.io/favelaware/4-html/4.1-o-que-e-html.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.