MEJOR SITIO PARA DESARROLLADORES WEB
W3Schools en español. La guía de etiquetas completa

Ua En De Fr

Etiqueta HTML <blockquote>


Ejemplo

Una sección citada de otra fuente:

<blockquote cite="https://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
Try it Yourself »

Más ejemplos de "Try it Yourself" ("Pruébelo usted mismo") a continuación.


Definición y uso

La etiqueta <blockquote> especifica una sección citada de otra fuente.

Los navegadores suelen aplicar sangría a los elementos <blockquote> (consulte el ejemplo siguiente para ver cómo eliminar la sangría).


Consejos y notas

Consejo: Utilice <q> para citas (breves) en línea.


Soporte del navegador

Elemento
<blockquote> Yes Yes Yes Yes Yes

Atributos

Atributo Valor Descripción
cite URL Especifique la fuente de la cotización.

Atributos globales

La etiqueta <blockquote> también soporta los Atributos Globales en HTML.


Atributos del evento

La etiqueta <blockquote> también soporta los Atributos de Evento en HTML.


Más ejemplos

Ejemplo

Utilice CSS para eliminar la sangría del elemento blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>
Try it Yourself »

Páginas relacionadas

Referencia HTML DOM: Objeto de Blockquote.


Configuración CSS predeterminada

La mayoría de los navegadores mostrarán el elemento <blockquote> con los siguientes valores predeterminados:

Ejemplo

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
Try it Yourself »