Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 02 - HTML: Cabeçalhos, Títulos, Parágrafos e Links

Parágrafos

Para separar blocos de texto, deve ser utilizada a tag <p>. Os browsers automaticamente adicionam uma quebra de linha antes e depois de cada parágrafo. Assim, o exemplo da Figura 10 poderia ter o mesmo efeito se escrito como mostrado na Figura 12.

Exemplo de linhas horizontais

A importância de usar o elemento <p> ao invés de deixar o texto sem marcações está relacionada ao fato de que ele possibilita a definição dos atributos id e class para cada parágrafo e assim é possível formatá-los uniformemente com CSS. Você verá a definição desses atributos ainda nesta aula, mas veja primeiramente alguns elementos de formatação de texto, tais como negrito, itálico, dentre outros.

Tag Descrição
<b>
<u>
<s>
Define texto em negrito
Define texto sublinhado
Define texto riscado
<i> Define texto em itálico
<small> Define texto em uma fonte de tamanho menor
<sub> Define texto subescrito
<sup> Define texto superescrito
Quadro 2 -Tags de formatação de texto

É importante ressaltar que embora essas tags estejam, de certa forma, ligadas à aparência do texto, elas não são consideradas tags puramente de formatação, tais como aquelas que o padrão XHTML tenta abolir. Essas tags devem ser utilizadas para marcar o texto indicando sua importância no documento, por exemplo, o uso de negrito indica que se deseja chamar atenção para algumas palavras, o uso de itálico pode ser usado para indicar que o texto está em outro idioma ou que é uma citação para alguma referência bibliográfica, o uso de superescrito pode ser utilizado em fórmulas matemáticas indicando potenciação, dentre outros.

Além disso, perceba que essas tags não informam tudo sobre a aparência, ainda é possível formatar o texto quanto ao tipo de fonte, tamanho, cor, alinhamento, dentre outros. São essas as características que você aprenderá a formatar por meio do CSS. Como dissemos anteriormente, a definição dos atributos id e class serão essenciais para isso. Mas que atributos são esses? Id e class são chamados de identificadores de elemento, veja a seguir.

No HTML 5 o atributo align da tag <p> foi removida. Use CSS para formatar o alinhamento.

Versão 5.3 - Todos os Direitos reservados