Aula 01 — O que é HTML? | Curso de HTML + CSS gustavoweb

// entendendo

Como funciona

HTML é a linguagem de marcação da web. Você escreve tags (palavras entre < e >) para dizer ao navegador o que cada coisa é.

Uma tag de abertura: <h1>
O conteúdo: o texto que o usuário vai ver
Uma tag de fechamento: </h1>

Os títulos vão de <h1> (o maior, o mais importante) até <h6> (o menor). O parágrafo é o <p>.

<h1>Título principal da página</h1>
<h2>Subtítulo</h2>
<p>Este é um parágrafo de texto.</p>

// mão na massa

Agora é com você

O editor fica à esquerda. O resultado aparece à direita enquanto você digita. O campo começa vazio — escreva!

Seu primeiro título

Escreva um <h1> com o seu nome.

a1e1.html

Preciso de uma dica

A estrutura é: <h1> seu nome aqui </h1> — abre, escreve, fecha.

Observação: O <h1> deve ser usado uma vez por página — é o título principal, o mais importante para o Google e para leitores de tela.

Hierarquia de títulos

Crie uma estrutura com <h1>, <h2> e <h3>. Por exemplo: o nome da escola, o nome da turma e o nome da disciplina.

a1e2.html

Preciso de uma dica

Três tags, uma embaixo da outra: <h1>escola</h1>, depois <h2>turma</h2>, depois <h3>disciplina</h3>.

Observação: Veja como o navegador já aplica tamanhos diferentes a cada nível — sem CSS nenhum. Isso é o HTML fazendo seu trabalho: definir o que é cada coisa.

Parágrafos

Escreva um <h2> com "Sobre mim" e dois <p> contando brevemente quem você é.

a1e3.html

Preciso de uma dica

<h2>Sobre mim</h2> e depois dois <p>, cada um com uma frase sua.

Observação: O navegador ignora quebras de linha dentro do HTML. Para criar um parágrafo novo, use um <p> novo — não aperte Enter várias vezes dentro de um <p>.

// desafio

página de um livro

Escolha um livro (ou filme, jogo, série) e monte uma mini-página com: título em <h1>, gênero em <h2>, sinopse em <p> e avaliação em outro <p>.

a1d1.html DESAFIO

Observação: Não existe resposta certa — existe código que roda e faz sentido. Se o resultado apareceu no preview, você acertou.