Etiqueta HTML <blockquote>


Ejemplo

Una sección que se cita de otra fuente:

<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>

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

La <blockquote>etiqueta especifica una sección que se cita de otra fuente.

Los navegadores generalmente sangran <blockquote>los elementos (mire el ejemplo a continuación para ver cómo eliminar la sangría).


Consejos y notas

Sugerencia: use <q>para cotizaciones en línea (cortas).


Compatibilidad con navegador

Element
<blockquote> Yes Yes Yes Yes Yes

Atributos

Attribute Value Description
cite URL Specifies the source of the quotation

Atributos globales

La <blockquote>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <blockquote>etiqueta también es compatible con los atributos de eventos en HTML .



Más ejemplos

Ejemplo

Use 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>

páginas relacionadas

Referencia HTML DOM: objeto Blockquote


Configuración predeterminada de CSS

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

Ejemplo

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