MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

HTML Elementos de citación y citación


En este capítulo repasaremos el <blockquote>,<q>, <abbr>, <address>, <cite>, y <bdo> elementos HTML.


Ejemplo

Aquí hay una cita del sitio web de WWF:

Desde hace casi 60 años, WWF protege el futuro de la naturaleza. WWF, la principal organización conservacionista del mundo, trabaja en 100 países y cuenta con el apoyo de más de un millón de miembros en los Estados Unidos y cerca de cinco millones en todo el mundo.
Inténtalo tú mismo »

HTML <blockquote> para cotizaciones

El elemento HTML <blockquote> define una sección que se cita de otra fuente.

Los navegadores suelen aplicar sangría a los elementos <blockquote>.

Ejemplo

<p>Aquí hay una cita del sitio web de WWF:</p>
<blockquote cite="https://www.worldwildlife.org/who/index.html">
Durante 50 años, WWF ha estado protegiendo el futuro de la naturaleza.
La organización conservacionista líder en el mundo,
WWF trabaja en 100 países y cuenta con el apoyo de
1,2 millones de miembros en los Estados Unidos y
cerca de 5 millones en todo el mundo.
</blockquote>
Inténtalo tú mismo »

HTML <q> para citas breves

La etiqueta HTML <q> define una cita breve.

Los navegadores normalmente insertan comillas alrededor de la cita.

Ejemplo

<p>El objetivo de WWF es: <q>Construir un futuro donde las personas vivan en armonía con la naturaleza.</q></p>
Inténtalo tú mismo »

HTML <abbr> para abreviaturas

La etiqueta HTML <abbr> define una abreviatura o un acrónimo, como "HTML", "CSS", "Mr. ","Dr.", "ASAP", "ATM".

Marcar abreviaturas puede brindar información útil a navegadores, sistemas de traducción y motores de búsqueda.

Consejo: Utilice el atributo de título global para mostrar la descripción de la abreviatura/acrónimo cuando pase el mouse sobre el elemento.

Ejemplo

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
Inténtalo tú mismo »

HTML <address> para información de contacto

La etiqueta HTML <address> define la información de contacto del autor/propietario de un documento o artículo.

La información de contacto puede ser una dirección de correo electrónico, URL, dirección física, número de teléfono, identificador de redes sociales, etc.

El texto del elemento <address> normalmente se muestra en cursiva, y los navegadores siempre agregarán un salto de línea antes y después del elemento <address>.

Ejemplo

<address>
Written by John Doe.<br>
Visit us at:<br>
Ejemplo.com<br>
Box 564, Disneyland<br>
USA
</address>
Inténtalo tú mismo »

HTML <cite> para título de trabajo

La etiqueta HTML <cite> define el título de una obra creativa (por ejemplo, un libro, un poema, una canción, una película, una pintura, una escultura, etc.) .

Nota: El nombre de una persona no es el título de una obra.

El texto del elemento <cite> normalmente se muestra en cursiva.

Ejemplo

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
Inténtalo tú mismo »

HTML <bdo> para anulación bidireccional

BDO significa Anulación Bidireccional.

La etiqueta HTML <bdo> se utiliza para anular la dirección del texto actual:

Ejemplo

<bdo dir="rtl">Este un texto se escribirá de derecha a izquierda</bdo>
Inténtalo tú mismo »

HTML Ejercicios

Ponte a prueba con ejercicios

Ejercicio:

Utilice un elemento HTML para agregar comillas alrededor de las letras "cool".

<p>
I am so cool.
</p>


HTML Elementos de cita y cita

Tag Descripción
<abbr> Define una abreviatura o acrónimo
<address> Define la información de contacto del autor/propietario de un documento
<bdo> Define la dirección del texto
<blockquote> Define una sección que se cita de otra fuente
<cite> Define el título de una obra
<q> Define una cotización breve en línea

Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML.