Texto Emfatizado em HTML

HTMLBeginner
Pratique Agora

Introdução

A tag <em> em HTML é usada para adicionar ênfase ou importância a um texto específico em uma página web. É muito útil para destacar conteúdo específico e torná-lo mais notável. Neste laboratório, você aprenderá como usar a tag <em> em HTML e sua sintaxe básica.

Nota: Você pode praticar a codificação em index.html e aprender Como Escrever HTML no Visual Studio Code. Por favor, clique em 'Go Live' no canto inferior direito para executar o serviço web na porta 8080. Em seguida, você pode atualizar a aba Web 8080 para visualizar a página web.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 100%. Recebeu uma taxa de avaliações positivas de 100% dos estudantes.

Adicionando um Cabeçalho

Primeiramente, crie um arquivo HTML chamado index.html e abra-o no seu editor de código preferido.

Vamos começar adicionando um cabeçalho de título ao nosso arquivo HTML. Digite o seguinte código no seu arquivo index.html.

<!doctype html>
<html>
  <head>
    <title>HTML Em Tag Lab</title>
  </head>
  <body></body>
</html>

Usando a Tag em HTML

Agora que criamos nosso arquivo HTML, é hora de usar a tag <em>. Nos próximos passos, aprenderemos como usar esta tag e sua sintaxe básica.

Comece adicionando um pequeno parágrafo ao seu arquivo HTML e use a tag <em> para enfatizar uma palavra específica. Aqui está um exemplo:

<p>HTML <em>Emphasized</em> text is important for your web page.</p>

Adicionando mais Texto Enfatizado

Você também pode usar a tag <em> para enfatizar várias palavras em uma frase. Aqui está um exemplo:

<p><em>HTML</em> stands for <em>HyperText Markup Language.</em></p>

Usando CSS para Estilizar a Tag em HTML

Por padrão, o texto enfatizado é exibido em itálico. No entanto, você também pode usar CSS para personalizar o estilo da tag <em>. Aqui está um exemplo:

<style>
  em {
    font-style: normal;
    font-weight: bold;
  }
</style>
<p><em>CSS is</em> used to style HTML web pages.</p>

Você também pode usar a tag <em> dentro de um link, para enfatizar o texto âncora. Aqui está um exemplo:

<a href="https://www.wikipedia.org"
  ><em>Wikipedia</em> is a free online encyclopedia.</a
>

Resumo

Parabéns! Neste laboratório, você aprendeu sobre a tag HTML <em> e como usá-la para adicionar ênfase ou importância ao texto em uma página web. Você também aprendeu como personalizar o estilo da tag <em> usando CSS. Continue praticando para se tornar um mestre em tags e elementos HTML.