English
EspañolCitação em destaque em HTML e CSS (blockquote)
Escreva a citação e o autor, escolha o estilo e as cores. A prévia mostra a citação no meio de um texto.
Uma frase que segura o leitor
Tudo é feito no seu aparelho: nada é enviado para a internet.
Disponível em: 
Citação em destaque em HTML e CSS (blockquote): para que serve
Destaque uma frase no meio do texto: o depoimento de um cliente, um trecho de entrevista ou a ideia principal do post. Escreva a citação, o autor e o cargo, e escolha entre cinco estilos: borda lateral, aspas grandes, cartão, centralizada grande e faixa colorida, com a cor de destaque e a fonte que preferir.
O código usa figure, blockquote e figcaption, o jeito semântico de marcar uma citação com o autor, e aceita o endereço da fonte no atributo cite. A prévia mostra a citação entre dois parágrafos, como ela fica num post de verdade.
Como usar
- Escreva a citação e o autor.
- Escolha o estilo, a cor e a fonte.
- Copie o código para o site.
Quando usar
- Depoimento em destaque na página inicial.
- Trecho de entrevista no blog.
- Frase de efeito no meio do post.
Perguntas frequentes
Qual a diferença entre blockquote e q?
blockquote é para uma citação em bloco, separada do texto, como as que esta ferramenta gera. q é para uma citação curta dentro de uma frase, e o navegador coloca as aspas sozinho.
Como indicar o autor do jeito certo?
Envolva a citação num figure e coloque o autor num figcaption logo abaixo, como no código gerado. O nome do autor não vai dentro do blockquote, porque não faz parte do que foi dito. Se a citação veio de uma página, use o atributo cite com o endereço dela.
Posso usar como depoimento de cliente?
Pode, para um depoimento em destaque. Use frases reais, com a autorização da pessoa. Para vários depoimentos juntos, use o gerador de depoimentos para site.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.