Aula 02: Tags de Conteúdo e Organização Textual | Notion

1. O que são Tags HTML?

As Tags (ou etiquetas) são os comandos básicos do HTML. Elas servem para "marcar" um conteúdo e dizer ao navegador qual é a sua função.

Imagine o HTML como um editor de texto (como o Word): as tags são os botões de negrito, título e parágrafo, mas escritos em formato de código.

Tags em pares: A maioria das tags possui abertura <tag> e fechamento </tag>.
Tags únicas (Self-closing): Algumas tags não precisam de fechamento, pois não envolvem um texto, apenas executam uma ação (ex: <br>, <hr>).

2. Hierarquia de Títulos (`<h1>` a `<h6>`)

Os títulos definem a estrutura de importância do seu site. O Google utiliza essa hierarquia para entender do que o seu site trata.

<h1>: O título principal. Deve haver apenas um por página.
<h2> a <h6>: Subtítulos usados para organizar seções e subseções.

Importância: Pense em um jornal. O <h1> é a manchete principal, os <h2> são as seções e os <h3> são os tópicos de cada seção.

Exemplo de Código: Títulos

HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Exemplo de Títulos</title>
</head>
<body>
    <h1>Título Principal da Página (H1)</h1>
    <h2>Seção Importante (H2)</h2>
    <h3>Subtópico da Seção (H3)</h3>
    <h4>Tópico Específico (H4)</h4>
    <h5>Detalhe Menor (H5)</h5>
    <h6>Nota de Rodapé ou Detalhe Mínimo (H6)</h6>
</body>
</html>

3. Parágrafos e Organização Visual

<p> (Parágrafo): É a tag principal para blocos de texto. O navegador adiciona automaticamente um espaço (margem) antes e depois dela.
<br> (Break): Provoca uma quebra de linha simples dentro de um texto. Atenção: É uma tag única (não possui fechamento).
<hr> (Horizontal Rule): Cria uma linha horizontal temática para separar assuntos. Também é uma tag única.