Marca <u> Em HTML

Este artigo discute a Tag <u> com exemplos com o objetivo de integrá-la ao seu processo de aprendizagem.

A tag <u> em HTML é usada para sublinhar o texto. É uma tag de apresentação, o que significa que define como o texto deve aparecer na página, e não o que o texto significa ou qual é o seu propósito.

A tag <u> em HTML significa sublinhado e representa uma extensão de texto embutido que possui uma anotação não textual. Por padrão, isso é renderizado como um sublinhado sólido, mas o CSS pode mudar isso.

Se uma palavra estiver incorreta, marque-a com a tag <u> :

Example: 

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>The original text was <u>mispelled</u> but after correction it is spelled correctly.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Os estilos CSS podem ser aplicados ao texto com erros ortográficos de várias maneiras:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
<style>
u {
font-style: italic;
font-weight: bold;
color: maroon;
font-size: 15px;
}
</style>
</head>
<body>
<p>The original text was <u>mispelled</u> but after correction it is spelled correctly.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Usando background-color e text-shadow:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style>
u {
background-color: gray;
text-shadow: 2px 2px 2px rgb(164, 37, 37);
}
</style>
</head>
<body>
<p>The original text was <u>mispelled</u> but after correction it is spelled correctly.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aplicando borda com CSS:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style>
u {
border: 2px solid maroon;
padding: 3px;
}
</style>
</head>
<body>
<p>The original text was <u>mispelled</u> but after correction it is spelled correctly.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Conselho: Sempre que possível, evite adicionar o elemento <u> em locais onde possa ser confundido com um hiperlink!


Tag U usa

A tag <u> indica conteúdo inexplicável e pode parecer diferente do texto normal, como palavras com erros ortográficos ou nomes específicos em chinês. Normalmente é exibido com um sublinhado para o conteúdo interno. A aparência da tag pode ser alterada usando CSS.

A seguir estão os usos da tag U em HTML:

  • A tag <u> é usada para sublinhar o texto em HTML.
  • É uma tag de apresentação, o que significa que define como o texto deve aparecer na página, em vez do que o texto significa ou qual é o seu propósito.
  • A tag <u> pode ser usada para dar ênfase ao texto, destacar informações importantes ou chamar a atenção para uma determinada palavra ou frase.
  • Ele pode ser usado para sublinhar hiperlinks, acrônimos ou abreviações, termos ou definições importantes e muito mais.
  • No entanto, não é recomendável usar a tag <u> para fins semânticos, pois ela não fornece nenhum significado semântico ao texto que sublinha.
  • Em vez de usar a tag <u> , os desenvolvedores da Web devem usar CSS para definir a aparência do texto, o que fornece mais flexibilidade e separa conteúdo e apresentação.

Atributos

Global

A Tag <u> também aceita os Atributos Globais em HTML.

Evento

A Tag <u> também acomoda os Atributos do Evento em HTML.


Compatibilidade do navegador

Elemento
<u> Sim Sim Sim Sim Sim

CSS predefinido

A maioria dos navegadores mostrará o elemento <u> com os seguintes valores por padrão na Tag U :

u {
text-decoration: underline;
}

Vantagens da Tag HTML U

A tag <u> em HTML possui algumas vantagens, como:

  • A tag <u> sublinha o texto e o destaca na página, o que pode ajudar a chamar a atenção para informações importantes ou enfatizar certas palavras ou frases.
  • A tag <u> é uma tag HTML simples e direta, facilitando o uso e a compreensão dos iniciantes.
  • A tag <u> é uma tag HTML amplamente suportada, o que significa que funcionará na maioria dos navegadores modernos.
  • A tag <u> pode ser usada para sublinhar hiperlinks, acrônimos ou abreviações, palavras-chave ou definições e muito mais, tornando-a uma tag HTML versátil.
Se este artigo foi útil para atender às suas necessidades educacionais, compartilhe essas informações significativas com seus amigos acessando os links da plataforma de mídia social abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone