HTML - Etiquetas de Frase
Tipos de Tags de Frase
Tag <em>
A tag <em> enfatiza o texto em um documento HTML. O texto dentro da tag <em> geralmente aparece em itálico para separá-lo visualmente do texto ao redor. Essa tag mostra uma ênfase acentuada no texto, sugerindo que deve ser lido com um tom ou ritmo diferente em comparação com o restante do conteúdo.
Exemplo de uso
<p>Este é um exemplo de <em>texto enfatizado</em> usando a tag <em>.</p>Tag <strong>
A tag <strong> indica texto importante em um documento HTML. O texto dentro da tag <strong> geralmente aparece em negrito para destacar visualmente sua importância. Essa tag significa que o texto é muito importante ou urgente, e deve receber mais peso do que o conteúdo ao redor.
Exemplo de uso
<p>Este é um exemplo de <strong>texto importante</strong> usando a tag <strong>.</p>Tag <code>
A tag <code> representa um trecho de código de computador em um documento HTML. O texto dentro da tag <code> geralmente aparece em uma fonte monoespaçada, que é uma fonte de largura fixa que alinha os caracteres verticalmente. Essa tag é comumente usada para mostrar trechos de código, palavras-chave de linguagens de programação ou nomes de arquivos.
Exemplo de uso
<p>Para declarar uma variável em JavaScript, use a palavra-chave <code>let</code> seguida pelo nome da variável.</p>Tag <kbd>
A tag <kbd> representa entrada do usuário ou teclas do teclado em um documento HTML. O texto dentro da tag <kbd> geralmente aparece em uma fonte monoespaçada, semelhante à tag <code>. Essa tag mostra que o texto representa o pressionamento de uma tecla ou uma combinação de teclas que um usuário deve inserir.
Exemplo de uso
<p>Para copiar texto, pressione <kbd>Ctrl</kbd> + <kbd>C</kbd> no Windows ou <kbd>Command</kbd> + <kbd>C</kbd> no Mac.</p>Tag <samp>
A tag <samp> representa uma saída de exemplo de um programa de computador em um documento HTML. O texto dentro da tag <samp> geralmente aparece em uma fonte monoespaçada, semelhante às tags <code> e <kbd>. Essa tag é usada para mostrar a saída ou resultados gerados por um programa ou script.
Exemplo de uso
<p>Após executar o programa, a saída será: <samp>Olá, Mundo!</samp></p>Tag <var>
A tag <var> representa uma variável em programação ou expressões matemáticas em um documento HTML. O texto dentro da tag <var> geralmente aparece em itálico para separá-lo visualmente do texto ao redor. Essa tag mostra que o texto representa uma variável ou um espaço reservado que pode mudar ou ser substituído por valores reais.
Exemplo de uso
<p>A fórmula para calcular a área de um retângulo é:
<var>área</var> = <var>comprimento</var> × <var>largura</var>.</p>Combinando Tags de Frase
Você pode combinar tags de frase em HTML para aplicar múltiplos significados semânticos a um texto. Ao aninhar uma tag de frase dentro de outra, você pode transmitir informações mais específicas sobre o conteúdo. Isso é útil quando você precisa enfatizar ou destacar certas partes de um trecho de código, entrada do usuário ou saída de programa.
Exemplo: Usando a tag <strong> dentro de uma tag <code>
<p>Para declarar uma constante em JavaScript, use a palavra-chave <code><strong>const</strong></code> seguida pelo nome da constante.</p>Neste caso, a tag <code> mostra que "const" é um trecho de código, enquanto a tag <strong> enfatiza sua importância como uma palavra-chave.
Exemplo: Combinando a tag <em> dentro de uma tag <var>
<p>A fórmula para calcular o volume de um cilindro é: <var>volume</var> = π × <var><em>r</em></var>² × <var>altura</var>, onde <var><em>r</em></var> é o raio da base.</p>Aqui, as tags <var> representam variáveis na fórmula, enquanto a tag <em> dentro de uma das tags <var> enfatiza a importância da variável do raio.
Ao combinar tags de frase, você pode criar uma marcação HTML mais significativa e semanticamente rica que transmite melhor a estrutura e a importância do seu conteúdo tanto para leitores humanos quanto para tecnologias assistivas.