Con la finalidad de separar eficientemente ideas de una página web, identificaremos los tipos de párrafos posibles para delimitar documentos HTML.

Algunas personas invierten largas horas en diseñar la presentación de una página web, con el objetivo de mostrar al usuario las separaciones precisas entre los diferentes tipos de información, sin embargo, se cometen errores debido a la diversidad de tamaños de pantallas disponibles, según los dispositivos electrónicos. Debido a ello, evaluaremos las diferentes etiquetas de párrafos para documentos HTML, según las reglas de este lenguaje.

En un proyecto web, es necesario separar una idea de otra, así el usuario puede leer la información en la página de una forma organizada. Por ejemplo, en los reglamentos de la universidad existen párrafos separados entre sí para comprender con exactitud los pasos a seguir cuando cursamos las materias.

061-01_0402_ilu01. Ejemplo de párrafo

Existen dos tipos de párrafo en la creación de documentos HTML, normal y preformateado. El párrafo normal se identifica con la etiqueta p, de inmediato se crea el cierre correspondiente para delimitar el texto deseado. Mediante el navegador observamos cómo se muestra el texto, con saltos de línea, hasta donde llega la pantalla. Aunque en el editor se agregaron varios saltos de línea con la tecla enter, el final del párrafo es delimitado con el final de la etiqueta.

061-01_0402_ilu02. Creación y ejemplo de la etiqueta p

A continuación, al identificar varios párrafos de forma independiente con la etiqueta p, éstos son presentados en el navegador web con un espacio entre ellos, sin tener necesidad de presionar la tecla Enter para separar las ideas.

061-01_0402_ilu03. Creación de varias etiquetas de párrafos

Aunque se agreguen varias etiquetas de párrafos entre los dos bloques de texto, el navegador web los muestra con la misma diferencia de espacio, la razón es simple: las etiquetas de párrafos son tomadas en cuenta solo si tienen información dentro de ellas, de lo contrario, el navegador las va a omitir.

En un documento con HTML es mejor utilizar la etiqueta de párrafos para determinar los espaciados correctos entre los textos, así la vista al usuario siempre es la misma independientemente del tamaño de la pantalla utilizada. Por lo tanto, si usamos esta etiqueta, aunque la páginas web sea visualizada a través de una laptop o un dispositivo móvil, en cada uno se mostrarán los espacios correctos.

061-01_0402_ilu04. Creación de varias etiquetas de párrafos sin texto

Cuando es necesario mostrar direcciones, poemas o textos en los cuales se necesite un espaciado en un lugar específico, recurrimos a la otra etiqueta de párrafo llamada pre, diminutivo de la palabra preformateado en inglés. Para utilizarla creamos el inicio y el cierre correspondiente, así el navegador web muestra los espacios exactos agregados mediante el editor de texto, independientemente del tamaño de la pantalla. Por ende, en la segunda vista se muestra una barra espaciadora abajo para indicar la existencia de texto adicional a la derecha.

Esta etiqueta es utilizada frecuentemente al redactar poesía, pues la misma tiene saltos de línea específicos, los cuales aportan un valor semántico y estético, además de facilitar al lector el entendimiento de lo leído.  

Keynotes

• El párrafo normal se identifica con la etiqueta p, de inmediato se crea el cierre correspondiente para delimitar el texto deseado.
• Al identificar varios párrafos de forma independiente con la etiqueta p, éstos son presentados en el navegador con un espacio entre ellos, sin tener necesidad de presionar la tecla enter para separar las ideas.
• En un documento con HTML es mejor utilizar la etiqueta de párrafos para determinar los espaciados correctos entre los textos, así la vista al usuario siempre es la misma independientemente del tamaño de la pantalla utilizada.
• Cuando es necesario mostrar direcciones, poemas o textos en los cuales se necesite un espaciado en un lugar específico, recurrimos a la otra etiqueta de párrafo llamada pre, diminutivo de la palabra preformateado en inglés.

Agrega al marcado de tu documento, llamado proyecto01, las etiquetas de párrafo p y pre, con la finalidad de expresar cuatro beneficios de estos elementos. Sigue el procedimiento aprendido y verifica las especificaciones de la recomendación oficial de HTML.

¡Comparte el resultado final del reto en tu vKonnect e invita a un compañero a debatir sobre ello!

Tiempo disponible: entre 15 y 30 minutos.

Con la identificación de los tipos de párrafos en documentos HTML mostramos informaciones con separaciones precisas, independientemente del tamaño de pantalla utilizada por los usuarios. Debido a ello, marcamos con eficiencia la división de ideas de una página web. Mediante la organización y práctica constante utilizaremos de forma correcta las etiquetas p y pre de HTML.