HTML: conhecendo as tags básicas
As tags responsáveis por organizar e estruturar os textos de uma página.
Quando começamos a estudar HTML, algumas das primeiras tags que aparecem são as responsáveis por organizar e estruturar os textos de uma página.
Neste post, vou falar sobre três delas: os títulos, os parágrafos e as quebras de linha.
Como já abordado no post sobre HTML do zero, existem seis níveis de títulos, indo de <h1> a <h6>.
O <h1> representa o título mais importante da página. Conforme o número aumenta, a importância hierárquica diminui.
<h1>Título principal</h1><h2>Subtítulo</h2><h3>Título de uma seção</h3><h4>Subseção</h4><h5>Título menor</h5><h6>Título de menor nível</h6>Na prática, não é necessário utilizar todos os níveis em toda página. O importante é escolher a hierarquia de acordo com a estrutura do conteúdo.
Para escrever textos em HTML, utilizamos a tag <p>:
<p>Este é o primeiro parágrafo da minha página.</p>
<p>Este é outro parágrafo.</p>Cada elemento <p> representa um parágrafo separado.
Quando precisamos quebrar uma linha sem iniciar um novo parágrafo, podemos utilizar <br>:
<p> Olá!<br /> Meu nome é Ana.<br /> Estou estudando HTML.</p>O resultado será exibido em linhas diferentes.
É importante lembrar que <br> deve ser usado para quebras de linha que fazem sentido no conteúdo, e não como uma forma de criar espaçamento entre elementos. Para controlar espaçamentos e aparência, o CSS é a ferramenta adequada.
Podemos combinar as tags em uma pequena página:
<h1>Meu primeiro conteúdo em HTML</h1>
<h2>Sobre mim</h2>
<p> Estou aprendendo desenvolvimento web.<br /> Este é um dos meus primeiros exercícios.</p>Mesmo sendo simples, esse exemplo já mostra uma ideia importante do HTML: as tags ajudam a dar estrutura e significado ao conteúdo.