Cómo crear CITAS y MENCIONES en HTML

Citas y menciones

See the Pen HTML | 1.10 - Citas y menciones - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Para citas cortas <q>

La etiqueta <q> define una cita corta.

See the Pen HTML | 1.10 - Citas y menciones - 2 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Para citas largas <blockquote>

La etiqueta <blockquote> define una cita que viene de otra fuente, por lo que se puede indicar la URL de donde viene.

See the Pen HTML | 1.10 - Citas y menciones - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Abreviaciones <abbr>

La etiqueta <abbr> define una abreviación o un acrónimo. Gracias a esta etiqueta podemos darle información al navegador del significado de las abreviaciones.

See the Pen HTML | 1.10 - Citas y menciones - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Información de contacto <address>

La etiqueta <address> define la información de contacto de un documento o artículo. Se suele mostrar en los navegadores en cursiva.

See the Pen HTML | 1.10 - Citas y menciones - 4 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Título de una obra <cite>

La etiqueta <cite> define el título de una obra. Normalmente los navegadores ponen en cursiva esta etiqueta.

See the Pen HTML | 1.10 - Citas y menciones - 5 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Del revés <bdo>

La etiqueta <bdo> permite hacer que el texto vaya de derecha a izquierda en vez de izquierda a derecha.

See the Pen HTML | 1.10 - Citas y menciones - 6 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.