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.htmle 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.
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>
Adicionando um Link
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.
