Passo 1 de 5
Integrar uma citação à frase com q
Marque apenas as palavras citadas dentro de uma frase e deixe o navegador exibir as aspas.
Trilha de aprendizado · Nível 2 · Tutorial 4
Diferencie citações inseridas em uma frase de citações em bloco e identifique títulos de obras sem confundi-los com nomes de autores.
Integrar uma citação à frase com q
Marque apenas as palavras citadas dentro de uma frase e deixe o navegador exibir as aspas. 2 min
Organizar uma passagem citada com blockquote
Estruture uma citação em bloco com dois parágrafos internos, mantendo o texto introdutório fora dela. 3 min
Identificar o título de uma obra com cite
Diferencie títulos de obras, nomes de autores e palavras citadas para usar cite no trecho certo. 2 min
Apresentar a autoria fora da citação
Posicione o crédito de autoria e obra no conteúdo visível da página, sem misturá-lo às palavras citadas. 3 min
Aplicação final: citações e créditos em HTML
Monte um trecho com os dois formatos de citação e revise a marcação das obras, dos parágrafos e dos créditos. 3 min
Passo 1 de 5
Marque apenas as palavras citadas dentro de uma frase e deixe o navegador exibir as aspas.
Use <q> para uma citação integrada à frase, geralmente curta. Coloque <q> antes das palavras citadas e </q> logo depois. O texto que apresenta a citação fica de fora.
Somente as palavras do aviso ficam dentro de <q>.
<p>O aviso informa que <q>a biblioteca fecha às seis</q>.</p>Dica
<q> indica que você está reproduzindo palavras de uma fonte. Não use esse elemento apenas para chamar atenção para uma palavra.
Mesmo sem reproduzir palavras de uma fonte, é adequado usar <q> apenas para destacar a palavra promoção em um anúncio.
O navegador normalmente exibe aspas ao redor do conteúdo de <q>. Por isso, não acrescente manualmente as aspas que delimitam a citação, nem dentro nem fora dessas tags.
<p>O bilhete diz: <q>volto depois do almoço</q>.</p>Exemplo
O bilhete diz: “volto depois do almoço”.
Um novo aviso traz as palavras “a oficina começa às dez”. Complete a lacuna com essas palavras e as tags de citação, sem digitar aspas delimitadoras.
<p>O aviso informa que ___.</p>Digite apenas o trecho que falta.
Passo 2 de 5
Estruture uma citação em bloco com dois parágrafos internos, mantendo o texto introdutório fora dela.
blockquote representa uma passagem citada apresentada como um bloco separado do texto ao redor.
A escolha entre q e blockquote depende de como a citação se integra ao texto, não de uma contagem fixa de palavras ou linhas. Mesmo uma frase curta pode ser apresentada como uma citação em bloco.
Dica
O navegador costuma exibir blockquote com recuo. Isso não justifica usá-lo em um comentário próprio ou em outro conteúdo que não seja uma citação.
Você vai reproduzir “Ler abre caminhos.” como uma passagem citada em bloco separado, e não dentro de uma frase sua. Qual decisão é adequada?
Dentro de blockquote, você pode organizar a passagem em um ou mais elementos p.
Neste exemplo fictício, dois parágrafos citados pertencem ao mesmo bloco. A introdução e o comentário final ficam fora dele.
<p>Veja esta passagem sobre leitura:</p>
<blockquote>
<p>A leitura abre espaço para novas perguntas.</p>
<p>Cada releitura revela um detalhe diferente.</p>
</blockquote>
<p>Agora, vamos discutir essas ideias.</p>Dica
Feche o p introdutório antes de abrir blockquote. O bloco pode conter parágrafos, mas não deve ficar dentro de um p.
Ordene os trechos para formar uma citação em bloco com dois parágrafos. Deixe a introdução antes e fora de blockquote. Preserve a sequência do relato: primeiro observar, depois registrar.
Passo 3 de 5
Diferencie títulos de obras, nomes de autores e palavras citadas para usar cite no trecho certo.
O elemento <cite> identifica o título de uma obra, como um livro, artigo, filme ou música.
O nome de uma pessoa não deve receber <cite> apenas por ela ser a autora da obra ou da citação.
Dom Casmurro é o título do livro. Machado de Assis é o nome do autor.
<p>Machado de Assis escreveu <cite>Dom Casmurro</cite>.</p>Você quer mencionar o livro Quarto de despejo, de Carolina Maria de Jesus. Qual opção marca somente o título da obra?
cite identifica qual é a obra; não delimita as palavras reproduzidas dela. Para as palavras citadas, continuam valendo q ou blockquote, conforme a integração da citação ao texto.
Dica
O navegador normalmente exibe o conteúdo de cite em itálico. Essa é uma apresentação padrão, não a finalidade do elemento. Use cite porque o trecho é um título de obra, não porque você quer deixá-lo em itálico.
Neste exemplo fictício, Lia Costa escreveu o livro Caminhos do vento. Uma passagem do livro diz: “Cada viagem começa com uma pergunta.”
Associe cada trecho à sua função e à marcação adequada.
Toque em um item e depois no par correspondente.
Passo 4 de 5
Posicione o crédito de autoria e obra no conteúdo visível da página, sem misturá-lo às palavras citadas.
A atribuição é o crédito que informa quem produziu as palavras citadas. Ela deve aparecer no conteúdo visível da página.
Com q, o crédito pode vir antes ou depois da citação, no mesmo parágrafo, mas fora do elemento q.
Nos exemplos desta etapa, a autora, a obra e os trechos são fictícios.
<p>
Ana Lima escreveu em <cite>Caderno de observações</cite>:
<q>Observar é o primeiro passo para descobrir.</q>
</p><p>
<q>Observar é o primeiro passo para descobrir.</q>
— Ana Lima, <cite>Caderno de observações</cite>.
</p><p>
<q>Observar é o primeiro passo para descobrir.
— Ana Lima, <cite>Caderno de observações</cite>.</q>
</p>Nesse código, o crédito está visível e corretamente colocado fora das palavras citadas.
Com blockquote, um padrão simples é apresentar o crédito em um parágrafo separado, após </blockquote>.
No crédito, o nome da autora fica em texto comum. O título da obra, quando informado, recebe cite.
<blockquote>
<p>
Observar é o primeiro passo para descobrir.
Cada detalhe pode abrir uma nova pergunta.
</p>
</blockquote>
<p>Ana Lima, <cite>Caderno de observações</cite>.</p>Dica
Se o parágrafo com o crédito ainda estiver dentro de blockquote, ele continuará fazendo parte do bloco citado. Confira a posição de </blockquote>.
Qual trecho mantém o crédito visível, fora da citação, e marca apenas o título da obra com cite?
Passo 5 de 5
Monte um trecho com os dois formatos de citação e revise a marcação das obras, dos parágrafos e dos créditos.
Todos os dados abaixo são fictícios.
Autora: Lia Duarte
Obra: Caderno de descobertas
Citação para integrar a uma frase:
Toda descoberta começa com uma pergunta.
Passagem para apresentar em bloco, com dois parágrafos:
O caminho muda quando prestamos atenção.
Cada detalhe pode revelar uma nova ideia.
Use o material acima para produzir somente o trecho de conteúdo, sem a estrutura completa da página.
Preserve as palavras citadas e marque os títulos das obras.
Escreva pelo menos 80 caracteres (0/80).
Outro rascunho usa os mesmos dados fictícios. Observe o aninhamento e a marcação do crédito.
<p>
<blockquote>
<p>Cada detalhe pode revelar uma nova ideia.</p>
</blockquote>
<cite>Lia Duarte</cite>, Caderno de descobertas.
</p>A passagem deve continuar em bloco. Qual alteração corrige tanto o aninhamento quanto a identificação da obra?
Resumo
Use esta lista para revisar o trecho que você produziu.
Parabéns! Você concluiu: Citações com q, blockquote e cite
Você concluiu Citações com q, blockquote e cite. Você praticou a produção e a revisão de citações com títulos de obras e créditos visíveis.
Milhares de cursos online em vídeo, ebooks e áudiobooks.
Para testar seus conhecimentos no decorrer dos cursos online
Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail
Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.
Leve o conhecimento no seu bolso.
Baixe o aplicativo Cursa.
São centenas de Cursos gratuitos a disposição, com Certificado de conclusão gratuito que é salvo em sua galeria de imagens do celular.
Baixe o app para ter acesso ao Certificado de conclusão de Curso Gratuitamente.
+ de 10 milhões
de alunos
Certificado grátis e
válido em todo o Brasil
60 mil exercícios
gratuitos
4,8/5 classificação
nas lojas de apps
Cursos gratuitos em
vídeo, ebooks e audiobooks
