Continuamos con el body, hoy reglas horizontales HR, citas BLOCKQUOTE y texto formateado previamente PRE

HR

- Reglas horizontales

Crea divisiones importantes en tu texto añadiendo reglas horizontales, pero evita abusar de ello, este tag no tiene tag de cierre.

 <HR>

Este sería el resultado

BLOCKQUOTE

- Citas

Las citas son muy populares en la web y la gente espera que las largas sean manipuladas de forma levemente diferente que un párrafo normal, normalmente compensando los márgenes derecho e izquierdo levemente hacia el centro de la página.

Se crea un margen izquierdo que le da un toque más atractivo a la página.

En la vida diaria llamamos a esto un bloque de cita y el tag que responde a esta descripción es BLOCKQUOTE, una cita se haría de la siguiente manera:

 <BLOCKQUOTE>Texto a citar</BLOCKQUOTE>

En el panel de control de tu blog en La Coctelera simplemente debes seleccionar el texto y pulsar el icono rodeado en rojo que es lo mismo que el tag BLOCKQUOTE

Este sería el resultado esceptuando las comillas que puse de fondo y el borde, fíjate sólo en como le aplica márgenes al texto, pero para que veas que también se le puede dar formato con CSS (lo veremos más adelante)

Las citas son muy populares en la web y la gente espera que las largas sean manipuladas de forma levemente diferente que un párrafo normal, normalmente compensando los márgenes derecho e izquierdo levemente hacia el centro de la página. Se crea un margen izquierdo que le da un toque más atractivo a la página.

Así serían las citas anidadas (citas dentro de otras citas):

 <BLOCKQUOTE>Texto a citar
 <BLOCKQUOTE>Texto a citar</BLOCKQUOTE>
 Texto a citar</BLOCKQUOTE>

El resultado sería este:

Las citas son muy populares en la web y la gente espera que las largas sean manipuladas de forma levemente diferente que un párrafo normal, normalmente compensando los márgenes derecho e izquierdo levemente hacia el centro de la página. Se crea un margen izquierdo que le da un toque más atractivo a la página.

Las citas son muy populares en la web y la gente espera que las largas sean manipuladas de forma levemente diferente que un párrafo normal, normalmente compensando los márgenes derecho e izquierdo levemente hacia el centro de la página. Se crea un margen izquierdo que le da un toque más atractivo a la página.

Las citas son muy populares en la web y la gente espera que las largas sean manipuladas de forma levemente diferente que un párrafo normal, normalmente compensando los márgenes derecho e izquierdo levemente hacia el centro de la página. Se crea un margen izquierdo que le da un toque más atractivo a la página.

PRE

- Texto formateado previamente

A veces, cuando escibas poesía o arregles el texto en un formato en particular, querrás controlar la posición exacta de cada letra en la página.
Normalmente, un navegador de HTML eliminará todo espacio extra o sltos de línea que hayas dejado para facilitar la lectura. Sin embargo, cuando quieras preformatear texto el tag PRE te será muy útil.

Por ejemplo, imagínate que quieres crear un texto en forma de triángulo, pues simplemente lo escribirías dándole forma triangular con espacios y saltos de línea y luego lo envolverías con el tag PRE, si no lo hicieras el HTML se comería los espacios y los saltos de línea aunque los hicieras.

Triángulos

Los triángulos se ordenan
de nuevo silenciosamente
robando a través de
las más profundas
sombras la luz se
desvanece en
la oscuridad
tu y noso-
tros para
ti.

Aquí le he dado espacios y saltos de línea al texto, pero al no estar envueltos en PRE, el HTML lo alinea a la izquierda quitándole el formato previamente dado, en cambio si lo envolvemos con PRE el resultado sería este:

         Triángulos
 
 Los triángulos se  ordenan
  de nuevo silenciosamente
   robando  a  través  de
    las   más  profundas
     sombras la  luz se
      desvanece  en la 
       oscuridad tu y 
        nosotros pa-
           ra ti.

Referencia bibliográfica:
DESCUBRE HTML 4 de: PHILLIPS, ANNE
Editorial: PRENTICE HALL
ISBN: 978-84-8322-132-7
NIVEL USUARIO: Intermedio
Un libro que no me canso de leer y de aprender de él

Avisos para los comentarios

Control parental:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda a otras personas será eliminado

Aviso tópico:
Por favor, enriquece este post enviando tus comentarios, no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados