Parágrafo

A tag <p> é usada para definir um parágrafo de texto. Por padrão, cada parágrafo começa em uma nova linha. A tag <p> é comumente utilizada para exibir conteúdo textual, como artigos, blogs e outras formas de informação textual em uma página web.

A tag <p> também é fundamental para a otimização de mecanismos de busca, pois os motores de busca a utilizam para compreender a estrutura de uma página e identificar o conteúdo principal. Recomenda-se o uso da tag <p> para todo o conteúdo textual da página web. As exceções são títulos, itens de lista ou outro tipo de conteúdo especializado.

Nota

Em um ambiente de desenvolvimento integrado (IDE), um aplicativo de software que auxilia programadores a desenvolver código de forma eficiente, é possível utilizar a funcionalidade lorem para gerar texto que pode ser usado para preencher o conteúdo para fins de design e layout. Por exemplo, você pode digitar lorem20 no documento HTML e pressionar a tecla Enter. Isso criará um texto com 20 palavras. Em vez de 20, qualquer número pode ser utilizado.

Títulos

Títulos <h1> ... <h6> são utilizados para definir a hierarquia e a estrutura de uma página web. Os títulos fornecem contexto para o conteúdo da página, auxiliam os usuários na navegação e também são utilizados pelos mecanismos de busca para compreender o conteúdo da página. As tags <h1> a <h6> são usadas para criar títulos de diferentes tamanhos e níveis de importância, sendo <h1> o mais importante e <h6> o menos importante. É uma boa prática utilizar os títulos em ordem lógica e evitar pular níveis (por exemplo, ir de <h1> para <h3> sem usar <h2>).

Listas

Em HTML, listas podem ser criadas utilizando duas tags principais: <ul> (lista não ordenada) e <ol> (lista ordenada).

Lista não ordenada

<ul> cria uma lista com marcadores ou outros símbolos para cada item, sem qualquer ordem ou classificação específica. Cada item é envolvido por uma tag <li> (item de lista), que gera um marcador separado para cada elemento.

Lista ordenada

<ol>, por outro lado, é utilizada para criar uma lista com ordem ou classificação específica. Os itens da lista são numerados sequencialmente utilizando a tag <li>.

Você também pode especificar um valor inicial para a numeração usando o atributo start na tag <ol>.

Aninhamento de Listas

Tanto <ul> quanto <ol> podem ser aninhados um dentro do outro para criar sublistas. Por exemplo, é possível criar uma lista numerada (<ol>) com listas de marcadores (<ul>) aninhadas para cada item.