🎮 HTML, CSS & JavaScript - as diferenças

HTML

HTML

🏗️ A Estrutura

HTML é o esqueleto do seu website. Aqui é definido o conteúdo que vai aparecer - texto, imagens, botões, etc.

<h1>Olá Mundo</h1>
<p>Este é um texto de exemplo</p>
<button>Clique aqui</button>

Pense: A arquitetura de uma casa 🏠

CSS

CSS

🎨 O Estilo

CSS torna as coisas bonitas. Controla como os elementos aparecem - cores, tamanhos, espaçamento, animações.

h1 {
  color: purple;
  font-size: 50px;
}

Pense: A pintura e decoração 🎨

JS

JavaScript

⚡ O Comportamento

JavaScript torna os elementos interativos. Controla o que acontece quando os utilizadores clicam, digitam ou fazem scroll.

button.onclick = () => {
  alert('Olá!');
  mudarCor();
}

Pense: A eletricidade e canalização ⚡

🎮 Experimente aqui como tudo funciona - Ligue/Desligue as tecnologias!

HTML HTML
CSS CSS
JS JavaScript

Olá Mundo! Está tudo bem?

Este é um texto exemplo