10- 馃挰 Citas en HTML: uso de blockquote







Citas en HTML

Las citas en HTML permiten referenciar un contenido o frase espec铆fica de una fuente. Los elementos <blockquote> y <q> son utilizados para mostrar citas largas y breves, respectivamente.

Ejemplo

"Esta es una cita larga que est谩 dentro de un bloque."

Esta es una cita breve dentro de un p谩rrafo.


C贸digo del ejemplo

<blockquote cite="https://www.example.com">
"Esta es una cita larga que est谩 dentro de un bloque."
</blockquote>
<p><q>Esta es una cita breve dentro de un p谩rrafo.</q></p>



Elementos "Blockquote"

El elemento <blockquote> se utiliza para definir una secci贸n que se cita de otra fuente. Se puede incluir el atributo cite para referenciar la fuente de la cita.

Ejemplo

"El arte de la programaci贸n es la habilidad de solucionar problemas complejos."

C贸digo del ejemplo

<blockquote cite="https://www.example.com">
"El arte de la programaci贸n es la habilidad de solucionar problemas complejos."
</blockquote>



Elemento "q" para citas breves

El elemento <q> se utiliza para definir una cita breve dentro de un p谩rrafo. A diferencia de <blockquote>, este elemento es adecuado para citas cortas.

Ejemplo

Ella dijo: La programaci贸n es el futuro.


C贸digo del ejemplo

<p>Ella dijo: <q>La programaci贸n es el futuro</q>.</p>



Elemento "abbr" para abreviaturas

El elemento <abbr> se usa para definir una abreviatura o sigla. Al pasar el cursor sobre la abreviatura, el navegador mostrar谩 el significado completo gracias al atributo title.

Ejemplo

La ONU es una organizaci贸n internacional.


C贸digo del ejemplo

<p>La <abbr title="Organizaci贸n de las Naciones Unidas">ONU</abbr>
es
una organizaci贸n internacional.</p>



Elemento "address" para contactos

El elemento <address> se utiliza para proporcionar informaci贸n de contacto. Generalmente se usa para indicar la informaci贸n de contacto del autor de un documento o p谩gina.

Ejemplo

Contacto: John Doe
Correo electr贸nico: johndoe@example.com
Direcci贸n: 123 Calle Falsa, Ciudad Ficticia

C贸digo del ejemplo

<address>
Contacto: John Doe<br>
Correo electr贸nico: <a
href="mailto:johndoe@example.com">johndoe@example.com</a><br>
Direcci贸n: 123 Calle Falsa, Ciudad Ficticia
</address>



Elemento "cite" para trabajo

El elemento <cite> se utiliza para citar el t铆tulo de una obra, como un libro, una pel铆cula, un art铆culo, etc.

Ejemplo

El libro El Quijote es una de las obras m谩s importantes de la literatura espa帽ola.


C贸digo del ejemplo

<p>El libro <cite>El Quijote</cite> es una de las obras m谩s
importantes de la literatura espa帽ola.</p>



Elemento "bdo" para direcci贸n bidireccional

El elemento <bdo> se utiliza para anular el orden de texto predeterminado y especificar la direcci贸n en la que se debe mostrar el texto. Este elemento es 煤til en contextos en los que se necesita cambiar la direcci贸n de escritura, como en idiomas que se leen de derecha a izquierda.

Ejemplo

Este texto se muestra de derecha a izquierda.

Este texto se muestra de izquierda a derecha.


C贸digo del ejemplo

<p><bdo dir="rtl">Este texto se muestra de derecha a
izquierda.</bdo></p>
<p><bdo dir="ltr">Este texto se muestra de izquierda a
derecha.</bdo></p>



Resumen

En esta entrada hemos cubierto diversos elementos HTML que permiten gestionar y dar formato a las citas, abreviaturas y direcciones de texto en una p谩gina web:

  • Elemento <q>: Utilizado para citas breves dentro de un p谩rrafo.
  • Elemento <abbr>: Se usa para definir una abreviatura o sigla, mostrando su significado completo al pasar el cursor sobre ella.
  • Elemento <address>: Ofrece informaci贸n de contacto, como direcci贸n, correo electr贸nico y otras formas de contacto.
  • Elemento <cite>: Se usa para citar el t铆tulo de una obra, como un libro o una pel铆cula.
  • Elemento <bdo>: Permite especificar la direcci贸n de escritura del texto, ya sea de izquierda a derecha o de derecha a izquierda.

Estos elementos enriquecen el contenido y mejoran la accesibilidad y comprensi贸n del texto en una p谩gina web.




Etiqueta Descripci贸n
<q> Define una cita breve dentro de un p谩rrafo.
<abbr> Define una abreviatura o sigla, mostrando su significado completo al pasar el cursor sobre ella.
<address> Proporciona informaci贸n de contacto, como direcci贸n, correo electr贸nico y otras formas de contacto.
<cite> Cita el t铆tulo de una obra, como un libro o una pel铆cula.
<bdo> Especifica la direcci贸n de escritura del texto, ya sea de izquierda a derecha o de derecha a izquierda.
<b> Define texto en negrita.
<em> Define texto enfatizado.
<i> Define una parte del texto en un tono o estilo alternativo.
<small> Define texto m谩s peque帽o.
<strong> Define texto importante.
<sub> Define texto en sub铆ndice.
<sup> Define texto en super铆ndice.
<ins> Define texto insertado.
<del> Define texto eliminado.
<mark> Define texto marcado/destacado.

Publicar un comentario

0 Comentarios