Parágrafo

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

A tag <p> também é crucial para a otimização de motores de busca, já que esses motores utilizam a tag para entender a estrutura de uma página da web e identificar o conteúdo principal. É recomendado o uso da tag <p> para todo o conteúdo textual na página web, com exceção de títulos, itens de lista ou outros tipos especializados de conteúdo.

Nota

Em um ambiente de desenvolvimento integrado (IDE), uma aplicação de software que ajuda programadores a desenvolver código de maneira eficiente, podemos usar a funcionalidade lorem para gerar texto que pode ser utilizado para preencher conteúdos para fins de design e layout. Por exemplo, podemos digitar lorem20 em um documento HTML e pressionar a tecla Enter. Isso criará um texto com um comprimento de 20 palavras. Em vez de 20, qualquer número pode ser usado.

Títulos

Os títulos <h1> ... <h6> são usados para definir a hierarquia e a estrutura de uma página web. Os títulos fornecem contexto para o conteúdo da página, ajudam os usuários a navegar pela página e também são usados pelos motores de busca para entender o conteúdo da página. As tags <h1> a <h6> são utilizadas 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 usar 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 usando duas tags principais: <ul> (lista não ordenada) e <ol> (lista ordenada).

Lista não ordenada (<ul>)

<ul> cria uma lista com marcadores ou pontos para cada item sem uma ordem ou classificação específica. Cada item é cercado por uma tag <li> (item de lista), que cria um ponto separado para cada item.

Lista ordenada (<ol>)

<ol> é usado para criar uma lista com uma 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, você pode criar uma lista numerada (<ol>) com listas de pontos (<ul>) aninhadas para cada item.