Etiqueta HTML `<blockquote>`

La etiqueta <blockquote> se utiliza para definir citas largas dentro del documento. Los navegadores generalmente indentan los elementos <blockquote>.

Se puede proporcionar una URL para la fuente de la cita mediante el atributo cite, mientras que una visualización en texto de la fuente se puede proporcionar con el <cite> elemento.

Este es un elemento de nivel de bloque y puede incluir etiquetas para el formato de texto.

La etiqueta <blockquote> se coloca dentro de la etiqueta <body>.

Puedes usar las propiedades margin-right y/o margin-left, o la propiedad abreviada margin para cambiar la indentación aplicada al texto citado.

TIP

Para citas cortas en un documento, utiliza la etiqueta <q>.

Sintaxis

La etiqueta <blockquote> viene en pares. El contenido se escribe entre las etiquetas de apertura (<blockquote>) y cierre (</blockquote>).

Ejemplo de la etiqueta HTML `<blockquote>`:

Etiqueta HTML <blockquote>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
  </body>
</html>

Try it Yourself »

Resultado

blockquote exemple

Ejemplo de la etiqueta HTML `<blockquote>` utilizada con la etiqueta `<q>`:

Ejemplo de la etiqueta HTML <blockquote> con la etiqueta HTML <q>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p> A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
    <q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
  </body>
</html>

Try it Yourself »

Atributos

Atributo	Valor	Descripción
cite	URL	Especifica la fuente de la cita. El valor puede ser una URL relativa o absoluta.

La etiqueta <blockquote> también admite los Atributos Globales y los Atributos de Eventos.

Cómo dar estilo a una etiqueta HTML <blockquote>

json

{
    "tag_name": "blockquote"
}

Práctica

¿Cuál es el propósito y uso de la etiqueta HTML <blockquote>?

Se utiliza para crear una sección destacada en un documento HTML.Se utiliza para desarrollar listas ordenadas en documentos HTML.La etiqueta <blockquote> se utiliza para incrustar una aplicación externa o contenido interactivo en el documento HTML.Se utiliza para indicar secciones citadas de otra fuente en el documento HTML.La etiqueta <blockquote> se utiliza para denotar una sección que está citada de otra fuente en un documento HTML, encerrando el texto citado en ella.

Etiqueta HTML <blockquote> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <blockquote>: ​

Resultado ​

Ejemplo de la etiqueta HTML <blockquote> utilizada con la etiqueta <q>: ​

Atributos ​