Curso HTML: Párrafos y saltos de línea

En este tema vamos a tratar y a explicaros los párrafos y los saltos de línea en html. Porque debemos saber que el html los saltos de línea, es decir, los espacios que hagamos en el código no son interpretados de tal forma.

Para definir los párrafos nos servimos de la etiqueta <p>  y </p> que introduce un salto y deja una línea en blanco antes de continuar con el resto del documento.

Párrafos en HTML

Para indicarle al navegador que queremos poner ese texto en un párrafo, debemos escribirlo entre las etiquetas <p> y su cierre </p>.

Así el texto quedará dentro de un párrafo, separado por un espacio en blanco por encima y uno por abajo.

El texto del párrafo lo puedes alinear utilizando la etiqueta align utilizando los parámetros “center” (para alinearlo al centro), “right” (para alinearlo a la derecha), “left” (para alinearlo a la izquierda) y “justify” (para justificar el texto).

Un ejemplo de esta etiqueta con sus respectivos parámetros es el siguiente:

<p align="center">Este texto se alineará al centro</p> 
<p align="right">Este texto se alineará a la derecha</p> 
<p align="left">Este texto se alineará a la izquierda</p>

Que se verá así:

Este texto se alineará al centro

 

Este texto se alineará a la derecha

 

Este texto se alineará a la izquierda

Para realizar un simple retorno de línea usaremos la etiqueta <br>, de la cual no existe su cierre correspondiente (</br>). No dejamos una línea en blanco sino que solo cambiamos de línea.

Saltos de línea HTML

Ya os hemos comentado anteriormente que en html los saltos de línea escritos en código no son tal una vez el navegador interpreta el código. Vamos a explicaros esto con un claro ejemplo:

Puedes escribir un texto como este
y el navegador no lo interpretará así

Y se verá así:

Puedes escribir un texto como este
y el navegador no lo interpretará así

Existen dos etiquetas para indicar que queremos hacer un salto de línea normal. Son las etiquetas <br> y <br/> ambas son interpretadas igual por el navegador. Esta etiqueta no hace falta abrirla y cerrarla, sólo con escribirla el navegador ya la interpreta.

Así pues el texto anterior deberíamos escribirlo de la siguiente forma:

Puedes escribir un texto como este <br/> 
y el navegador no lo interpretará así

Lista del curso:

Curso HTML: Párrafos y saltos de línea

Curso HTML: Formateo de texto

Curso HTML: Meta tags

Curso HTML: Estructura de una página web

Curso HTML: Introducción al HTML

Si quieres recibir artículos como este en tu móvil únete al Canal de Escape Digital en Telegram o en Twitter

FV

FV

Diseñador gráfico y web, con ganas de trabajar y aprender todo lo posible de este campo tan variado. Creativo tanto en la vida laboral como personal. Diseñar es el arte de transmitir gráficamente lo que uno imagina. Imagina, crea, diseña.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *