Párrafo

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

La tag <p> también es crucial para la optimización de motores de búsqueda, ya que éstos la utilizan para entender la estructura de una página web e identificar el contenido principal. Se recomienda utilizar la tag <p> para todo el contenido textual de la página web. Las excepciones son los encabezados, los 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 software de forma eficiente, podemos utilizar la funcionalidad lorem para generar texto que puede utilizarse para rellenar el contenido con fines de diseño y maquetación. Por ejemplo, podemos escribir lorem20 en el documento HTML y pulsar la tecla Enter. Esto creará un texto de 20 palabras. En lugar de 20, se puede utilizar cualquier número.

Headings

Los headings (encabezados) <h1> ... <h6> se utilizan para definir la jerarquía y la estructura de una página web. Los headings proporcionan contexto para el contenido de la página, ayudan a los usuarios a navegar por ella y también son utilizados por los motores de búsqueda para comprender el contenido de la página. Las tags <h1> a <h6> se utilizan para crear tags 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 headings en un orden lógico y evitar saltarse niveles (por ejemplo, pasar de <h1> a <h3> sin utilizar <h2>).

Listas

En HTML, las listas pueden crearse utilizando dos tags 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 clasificación específicos. Cada elemento se incluye en una tag <li> (elemento de lista), que crea una viñeta distinta para cada elemento.

Lista Ordenada (

)

<ol>, por su parte, se utiliza para crear una lista con un orden o clasificación específicos. Los elementos de la lista se numeran secuencialmente con la tag <li>. También puede especificar un valor inicial para la numeración utilizando el atributo start de la tag <ol>.

Anidamiento de listas

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

List nesting

Both <ul> and <ol> can be nested inside each other to create sub-lists. For example, you can create a numbered list (<ol>) with nested bullet point lists (<ul>) for each item.