Etiqueta HTML <blockquote>

Definição e uso

<blockquote> tag determina a parte citada de outras fontes.

Os navegadores geralmente recuem <blockquote> elemento (veja os exemplos abaixo para saber como remover o recuo).

Descrição detalhada

<blockquote> tag define a citação em bloco.<blockquote> com </blockquote> Todo o texto entre as tags <q> será separado do texto convencional, frequentemente com recuo nos lados esquerdo e direito (aumentar a margem), e às vezes em itálico. Isso significa que as citações em bloco têm seu próprio espaço.

Dica:Use <q> Tag para fazer citações (curtas) em linha.

Veja também:

Manual de Referência do DOM HTML:Objeto Blockquote

Exemplo

Exemplo 1

Parte citada de outras fontes:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Durante 50 anos, a Fundação Mundial da Natureza (WWF) tem estado a proteger o futuro da natureza.
Como a organização de conservação líder do mundo, o WWF opera em 100 países e recebe o apoio de 1,2 milhões de membros nos Estados Unidos e de quase 5 milhões de pessoas em todo o mundo.
</blockquote>

Experimente você mesmo

Exemplo 2

Remova o recuo do elemento blockquote usando CSS:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Esta é uma citação da página do site da Fundação Mundial da Natureza:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Durante 50 anos, a Fundação Mundial da Natureza (WWF) tem estado a proteger o futuro da natureza.
Como a organização de conservação líder do mundo, o WWF opera em 100 países e recebe o apoio de 1,2 milhões de membros nos Estados Unidos e de quase 5 milhões de pessoas em todo o mundo.
</blockquote>
</body>
</html>

Experimente você mesmo

Atributo

Atributo Valor Descrição
cite URL Define a fonte da referência.

Atributos globais

<blockquote> O tag também suporta Atributos globais no HTML.

Atributos de evento

<blockquote> O tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <blockquote> Elemento:

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

Experimente você mesmo

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte