4.2 Cabeçalhos, parágrafos e formatação

📘 Introdução ao HTML: Cabeçalhos, Parágrafos e Formatação

O HTML (HyperText Markup Language) é a linguagem base para a construção de páginas web. Ele define a estrutura dos elementos em uma página por meio de tags (etiquetas). Nesta lição, abordaremos três conceitos fundamentais: cabeçalhos, parágrafos e formatação de texto.

🧱 Cabeçalhos (<h1> a <h6>)

Os cabeçalhos são usados para destacar títulos e subtítulos em uma página. O HTML possui seis níveis de cabeçalhos:

• <h1>: Título principal (mais importante)

• <h2>: Subtítulo

• <h3> a <h6>: Níveis subsequentes, cada vez menos importantes

📌 Exemplo de uso:

htmlCopiarEditar<h1>Bem-vindo ao Meu Site</h1>
<h2>Sobre nós</h2>
<h3>Nossa história</h3>

🔎 Dica: Use apenas um <h1> por página para representar o título principal e organize os demais hierarquicamente.

✍️ Parágrafos (<p>)

A tag <p> representa um parágrafo de texto. Ela cria um bloco de conteúdo separado por margens padrão.

📌 Exemplo de uso:

htmlCopiarEditar<p>HTML é a linguagem usada para estruturar o conteúdo de páginas na web.</p>

Os navegadores inserem automaticamente espaço antes e depois dos parágrafos.

---

🎨 Formatação de Texto

O HTML permite destacar e estilizar partes do texto usando tags específicas. Aqui estão as mais comuns:

Tag	Função	Exemplo
<strong>	Texto em negrito (ênfase forte)	<strong>Importante</strong>
<em>	Texto em itálico (ênfase leve)	<em>Observação</em>
<u>	Texto sublinhado	<u>Subtítulo</u>
<br>	Quebra de linha	Primeira linha<br>Segunda linha
<mark>	Texto marcado (destaque)	<mark>Destaque</mark>
<small>	Texto menor	<small>Nota de rodapé</small>
<del>	Texto riscado (removido)	<del>Antigo preço</del>
<ins>	Texto inserido (sublinhado)	<ins>Novo conteúdo</ins>

📌 Exemplo completo:

htmlCopiarEditar<p>Aprender <strong>HTML</strong> é essencial para quem deseja <em>criar sites</em> e <u>aplicações web</u>.</p>
<p>Para pular linha:<br>Use a tag &lt;br&gt;.</p>
<p>Texto com <mark>destaque</mark> e <small>informações menores</small>.</p>

✅ Conclusão

O domínio das tags básicas de estrutura e formatação é essencial para qualquer pessoa que esteja começando com HTML. Esses elementos são responsáveis por organizar o conteúdo de forma clara, hierárquica e acessível.

• Os cabeçalhos (<h1> a <h6>) definem títulos e subtítulos, criando uma estrutura lógica para a leitura e a indexação por buscadores.

• Os parágrafos (<p>) organizam blocos de texto com clareza visual e facilitam a separação de ideias.

• As tags de formatação (<strong>, <em>, <u>, <mark>, entre outras) permitem destacar trechos importantes, melhorando a experiência de leitura e a acessibilidade.

Esses elementos formam a base textual do HTML, e seu uso correto é fundamental para criar páginas web bem estruturadas e de fácil compreensão.