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 »
