Aula 45 - Parágrafos HTML

Introdução

Os parágrafos são utilizados para organizar textos dentro de uma página web.

Em HTML, o elemento responsável pela criação de parágrafos é a tag <p>.

📌 A tag <p> representa um bloco de texto com significado próprio.

O que é um Parágrafo?

Um parágrafo é um conjunto de frases relacionadas que apresentam uma ideia ou informação.

Em páginas web, os parágrafos ajudam na leitura e organização do conteúdo.

Exemplo:

Este é um parágrafo criado utilizando HTML.

Tag <p>

A tag <p> cria um novo bloco de texto.



<p>

Este é um parágrafo HTML.

</p>

Exemplo com Vários Parágrafos



<p>

HTML é uma linguagem de marcação.

</p>



<p>

Ela é utilizada para criar páginas Web.

</p>



<p>

Junto com CSS e JavaScript forma a base da Web moderna.

</p>

HTML é uma linguagem de marcação.

Ela é utilizada para criar páginas Web.

Junto com CSS e JavaScript forma a base da Web moderna.

Espaçamento dos Parágrafos

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



p {


margin-bottom: 20px;


}

⚠️ O espaçamento visual deve ser controlado pelo CSS e não utilizando vários espaços no HTML.

Quebra de Linha Dentro do Parágrafo

Quando precisamos quebrar uma linha sem criar um novo parágrafo, utilizamos a tag <br>.



<p>

Linha 1

<br>

Linha 2

</p>

Linha 1
Linha 2

Diferença entre <p> e <br>

Elemento	Uso
<p>	Cria um novo parágrafo.
<br>	Apenas quebra uma linha.

Parágrafos e Semântica HTML

O HTML5 utiliza elementos semânticos para melhorar a organização do conteúdo.

<p> → texto comum.
<h1> até <h6> → títulos.
<article> → conteúdo independente.
<section> → agrupamento de conteúdo.

Formatação de Parágrafos com CSS



p {


font-size: 18px;


line-height: 1.6;


text-align: justify;


color: #333;


}

Alinhamento de Texto

Valor	Descrição
left	Alinhamento à esquerda.
center	Centralizado.
right	Alinhado à direita.
justify	Texto justificado.

Boas Práticas

Utilize parágrafos para organizar ideias.
Evite textos muito longos sem divisão.
Utilize CSS para espaçamento.
Não use vários <br> para criar espaços.
Pense na experiência do usuário.

Resumo da Aula

Elemento	Função
<p>	Criar parágrafos.
<br>	Quebrar linha.

📄 Parágrafos em HTML