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: 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