Html mark

Postado: 8 de junho de 2022

Html mark

Neste artigo veremos como usar o elemento HTML chamado de tag <mark>.

A tag HTML <mark> é usada para marcar ou destacar o texto de interesse ou relevância especial em um documento HTML. A tag <mark> é nova no HTML 5.

Os navegadores tradicionalmente renderizam o texto encontrado na tag <mark> como texto com uma cor de fundo amarela. Essa tag também é comumente chamada de elemento <mark>.

Veja o exemplo do código da tag <mark> abaixo

<p> Artigos sobre Html e CSS <mark>Todos os Dias</mark>.</p>

Veja o Resultado

Artigos sobre Html e CSS Todos os Dias.

Observação

  • A maioria dos navegadores renderizará a tag <mark> com uma cor de fundo amarela, mas você pode alterar esse comportamento com CSS.
  • A tag HTMl <mark> define o texto que tem relevância e não se destina a ser usado apenas para aplicar o estilo do marca-texto. Se você deseja estilizar seu texto para aparecer destacado, use uma tag <span> com o CSS apropriado.

Configurações padrão de CSS

A maioria dos navegadores a tag HTML5 <mark> exibirá com os seguintes valores padrão:

mark {
  background-color: yellow;
  color: black;
}

Portanto você também pode estilizar com estilo CSS que lhe adiciona uma cor de fundo e do texto.

Neste artigo abordamos sobre a tag Html mark.

Veja outros artigos sobre Tags HTML Lista Completa

Publicado por: loopnerd

112 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados