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
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. |
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias