En los capítulos anteriores ya aprendiste a crear la estructura básica de un documento HTML además de algunos de las etiquetas básicas para crear contenidos, ya que habiendo aprendido a crear titulos, links, párrafos e insertar imágenes, ya puedes hacer una página web propia en realidad! Estática y simple, pero puedes hacerla 😉

Bueno, os habreís fijado que con la etiqueta <p></p> se puede escribir párrafos, pero qué pasa si queremos, por ejemplo, escribir un poema.

He aquí un poema de Antonio Machado:

Como atento no más a mi quimera
no reparaba en torno mío, un día
me sorprendió la fértil primavera
que en todo el ancho campo sonreía.

Brotaban verdes hojas
de las hinchadas yemas del ramaje,
y flores amarillas, blancas, rojas,
alegraban la mancha del paisaje.

Y era una lluvia de saetas de oro,
el sol sobre las frondas juveniles;
del amplio río en el caudal sonoro
se miraban los álamos gentiles.

Tras de tanto camino es la primera
vez que miro brotar la primavera,
dije, y después, declamatoriamente:

?¡Cuán tarde ya para la dicha mía!?
Y luego, al caminar, como quien siente
alas de otra ilusión: ?Y todavía
¡yo alcanzaré mi juventud un día!

Pues bien, abre tu editor de texto, copia el poema y insertalo entre las etiquetas <p></p>, al completo o cada párrafo en una etiqueta <p></p>, luego abrelo con tu nabegador…..¿qué ha pasado? no puedes mantener la estructura del poema, esto tiene 2 soluciones:

La etiqueta <pre></pre>

Ahora copia de nuevo el poema o borra directamente las etiquetas de párrafo e inserta el poema completo dentro de las etiquetas <pre></pre>, luego abre el documento con tu navegador. Como verás ahora si se respeta los saltos del poema, las etiquetas <pre> hacen un formateo del texto.

Pero hay más formas de respetar los saltos del poema con otras 2 etiquetas:

Combinando <p> y <br>, a diferencia de <p>, la etiqueta <br> no necesita ser cerrada, mientras que los párrafos se escriben siempre así: <p>Párrafo</p> la etiqueta <br> no se cierra. La etiqueta <br> es un salto de linea, así pues lo único que tienes que hacer es introducir cada párrafo del poema dentro de una etiqueta <p></p> y luego cuando hay salto pues la etiqueta <br>, de la siguiente manera:

<p>Como atento no más a mi quimera <br>
no reparaba en torno mío, un día <br>
me sorprendió la fértil primavera <br>
que en todo el ancho campo sonreía.</p>

Vuelve a abrir el archivo con el navegador y verás como funciona perfectamente esta segunda forma de respetar los saltos o modelar el texto.

Brave es el nuevo navegador del co-fundador de Firefox y la Mozilla Fundation, además 
del creador de Javascript. Brave es de código abierto, con navegador web3 o Ethereum,
integración con BAT, IPFS y un largo etc. Leer artículo