Párrafo

La etiqueta <p> se utiliza para definir un párrafo de texto. Por defecto, cada párrafo comienza en una nueva línea. La etiqueta <p> se emplea comúnmente para mostrar contenido textual, como artículos, blogs y otras formas de información textual en una página web.

La etiqueta <p> también es fundamental para la optimización en motores de búsqueda, ya que los motores la utilizan para comprender la estructura de una página web e identificar el contenido principal. Se recomienda utilizar la etiqueta <p> para todo el contenido textual de la página web, salvo excepciones como encabezados, elementos de lista u otro tipo de contenido especializado.

Nota

En un entorno de desarrollo integrado (IDE), una aplicación de software que ayuda a los programadores a desarrollar código de manera eficiente, puedes utilizar la funcionalidad lorem para generar texto que se puede usar como relleno para fines de diseño y maquetación. Por ejemplo, puedes escribir lorem20 en el documento HTML y presionar la tecla Enter. Esto creará un texto de 20 palabras. En lugar de 20, se puede utilizar cualquier número.

Encabezados

Los encabezados <h1> ... <h6> se utilizan para definir la jerarquía y estructura de una página web. Los encabezados proporcionan contexto para el contenido de la página, ayudan a los usuarios a navegar por la página y también son utilizados por los motores de búsqueda para comprender el contenido de la página. Las etiquetas <h1> a <h6> se emplean para crear encabezados de diferentes tamaños y niveles de importancia, siendo <h1> el más importante y <h6> el menos importante. Es una buena práctica utilizar los encabezados en un orden lógico y evitar saltar niveles (por ejemplo, pasar de <h1> a <h3> sin usar <h2>).

Listas

En HTML, las listas pueden crearse utilizando dos etiquetas principales: <ul> (lista desordenada) y <ol> (lista ordenada).

Lista desordenada

<ul> crea una lista con viñetas u otros marcadores para cada elemento sin ningún orden o jerarquía específica. Cada elemento está encerrado en una etiqueta <li> (elemento de lista), lo que genera un punto de viñeta separado para cada elemento.

Lista ordenada

<ol>, por otro lado, se utiliza para crear una lista con un orden o jerarquía específica. Los elementos de la lista se numeran secuencialmente usando la etiqueta <li>.

También es posible especificar un valor inicial para la numeración utilizando el atributo start en la etiqueta <ol>.

Anidación de listas

Tanto <ul> como <ol> pueden anidarse entre sí para crear sublistas. Por ejemplo, se puede crear una lista numerada (<ol>) con listas de viñetas anidadas (<ul>) para cada elemento.