Trilha de aprendizado · Nível 2 · Tutorial 3

Ênfase e importância com em e strong

Marque trechos de texto com ênfase ou importância, distinguindo essas intenções de uma simples preferência visual.

  • Nível: Iniciante
  • Duração: 9 min
  • 5 passos
Ênfase e importância com em e strong

Passo 1 de 5

Significado antes da aparência

Reconheça por que a intenção do texto, e não apenas o visual desejado, orienta a escolha de em ou strong.

Intenção não é aparência

O que a marcação comunica

Uma marcação semântica expressa uma intenção no texto: em marca ênfase; strong indica importância.

No navegador, em costuma aparecer em itálico e strong, em negrito. Essas são apresentações comuns, não as definições dos elementos.

Exemplo

Um pedido só visual

“Quero a frase ‘Bom dia!’ em itálico porque combina com o visual da página.”

Esse pedido trata da aparência. Por si só, ele não justifica acrescentar em.

Dica

Cada escolha no seu lugar

A apresentação visual é responsabilidade do CSS. Aqui, sem escrever estilos, vamos escolher a marcação pelo que o trecho deve comunicar.

A aparência basta?

Verdadeiro ou falso?

Um trecho deve aparecer em negrito apenas para combinar com o visual da página. Isso, por si só, justifica usar strong.

Passo 2 de 5

Use em para dar ênfase

Escolha o trecho que expressa o contraste pretendido e marque essa ênfase dentro de um parágrafo.

A ênfase muda o contraste

O elemento em marca ênfase na leitura. Pense na palavra que você ressaltaria ao falar para estabelecer um contraste. Mudar essa palavra pode mudar a interpretação da frase.

Exemplo

Mesma frase, duas intenções

“Eu enviei o convite ontem.”
Ênfase em “Eu”: fui eu, não outra pessoa.

“Eu enviei o convite ontem.”
Ênfase em “ontem”: foi ontem, não hoje.

As palavras são as mesmas; o contraste pretendido muda.

Qual palavra recebe a ênfase?

Na frase “Eu escolhi o livro azul”, você quer contrastar o objeto escolhido: foi um livro, não uma revista. Qual palavra deve receber em?

Coloque a intenção no HTML

Dentro do parágrafo, coloque <em> antes da palavra ou expressão enfatizada e </em> logo depois. O restante do texto continua dentro de p, mas fora de em.

Ênfase apenas em “ontem”

Para expressar o contraste “ontem, não hoje”, envolva apenas “ontem” com as tags:

html
<p>Eu enviei o convite <em>ontem</em>.</p>

Complete a marcação

Você quer dizer que a viagem será de trem, não de ônibus. Complete a lacuna com a expressão “de trem” inteira envolvida pelas tags de ênfase.

<p>Vamos viajar ____.</p>

Passo 3 de 5

Use strong para indicar importância

Marque informações importantes, sérias ou urgentes dentro de um parágrafo.

Informação que merece atenção

Use strong para indicar importância, seriedade ou urgência. A intenção é sinalizar o peso da informação, sem depender de uma mudança de contraste na frase.

Exemplo

Uma consequência séria

Em “A exclusão dos arquivos é permanente”, strong pode marcar a frase inteira para comunicar a seriedade da consequência.

Precisa ser urgente?

Uma exigência importante para retirar um pedido pode receber strong, mesmo que a retirada não seja urgente.

Marque o trecho importante

Dentro de <p>, coloque <strong> antes da informação prioritária e </strong> ao final dela:

html
<p>Para retirar o pedido, <strong>apresente o comprovante</strong> no balcão.</p>

Dica

Aqui, a exigência de apresentar o comprovante recebe importância. O restante do parágrafo fica fora de strong.

Sua vez: marque e justifique

Aviso de inscrição

html
<p>O cadastro está aberto. Envie os documentos até hoje para participar.</p>

A segunda frase comunica uma ação urgente. Reescreva o parágrafo usando strong nessa frase inteira. Depois, justifique sua escolha em uma frase.

Escreva pelo menos 30 caracteres (0/30).

Passo 4 de 5

Escolha entre em, strong ou nenhum

Escolha a marcação pela intenção do texto e delimite o trecho que deve recebê-la.

Qual é a intenção?

Um critério para decidir

Antes de escolher a marcação, identifique a intenção:

  • Criar um contraste pela ênfase na leitura → em.
  • Indicar importância, seriedade ou urgência → strong.
  • Informar de modo neutro ou atender a um pedido apenas visual → nenhuma dessas marcações.

Dica

A palavra sozinha não decide

“Amanhã”, por exemplo, pode receber em, strong ou nenhum dos dois. É o contexto que define sua função.

Mesma frase, intenções diferentes

Associe intenção e marcação

A frase é sempre “A entrega é amanhã”. Associe cada intenção à escolha adequada para “amanhã”.

Toque em um item e depois no par correspondente.

Até onde vai a marcação?

Delimite pela função

Neste aviso, a instrução é prioritária. A quantidade de páginas é apenas um detalhe neutro:

Importância só na instrução

html
<p><strong>Envie a autorização assinada.</strong> O formulário tem duas páginas.</p>

Dica

Nem mais, nem menos

Com em ou strong, marque o trecho que carrega a intenção — não necessariamente só uma palavra. Aqui, incluir a segunda frase em strong daria importância também ao detalhe neutro.

E quando o pedido é só visual?

Escolha e justifique

Na frase “O encontro será na biblioteca”, pediram que “biblioteca” apareça em negrito apenas para combinar com o visual da página, sem contraste ou importância especial.

Você usaria em, strong ou nenhum dos dois nessa palavra? Justifique em uma frase, sem escrever estilos.

Escreva pelo menos 20 caracteres (0/20).

Passo 5 de 5

Aplicação final: marque e justifique

Adapte um aviso em HTML, justifique suas escolhas e revise o alcance e o fechamento das marcações.

Marque e justifique

Prepare o aviso de uma oficina

Adapte o texto abaixo conforme estas intenções:

  • Contraste: enfatize apenas “impressa”, em oposição a “digital”.
  • Importância: trate “A inscrição é obrigatória.” como informação prioritária.
  • Neutralidade: mantenha “A oficina será na sala 2.” sem ênfase ou importância adicional neste aviso.

Texto inicial

html
<p>Traga a versão impressa do convite.</p>
<p>A inscrição é obrigatória. A oficina será na sala 2.</p>

Sua versão

Reescreva os dois parágrafos, acrescentando as marcações sem alterar as palavras. Depois do código, justifique suas três escolhas: ênfase, importância e ausência dessas marcações no trecho neutro.

Antes de enviar, confira se cada tag envolve apenas o trecho pretendido e se fecha antes de </p>.

Escreva pelo menos 100 caracteres (0/100).

Revise o alcance das marcações

Outra versão do mesmo aviso

html
<p>Traga a versão <em>impressa</em> do convite.</p>
<p><strong>A inscrição é obrigatória. A oficina será na sala 2.</strong></p>

Fechar as tags basta?

Esta versão atende a todas as intenções do aviso, pois as tags estão fechadas corretamente.

Leve este critério para seus textos

Resumo

Intenção, escolha e revisão

Ênfase não é sinônimo de importância, e nenhuma delas se define apenas pela aparência.

  • Use em para uma ênfase que influencia a interpretação da frase.
  • Use strong para comunicar importância, seriedade ou urgência.
  • Mantenha trechos neutros sem essas marcações; uma preferência visual não as justifica.
  • Revise tanto o fechamento das tags quanto o trecho que cada uma envolve.

Tutorial concluído

Parabéns! Você concluiu: Ênfase e importância com em e strong

Você praticou a escrita, a justificativa e a revisão de em e strong em um aviso completo.

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso