Contente

• Dar um passo
• Método 1 de 2: método atual
• Método 2 de 2: método desatualizado
• Pontas

Sublinhar em HTML costumava ser uma questão de colocar o texto entre as tags u> / u>, mas esse método foi reprovado em favor do CSS mais versátil. Sublinhar em páginas da web é geralmente considerado uma forma inconveniente de enfatizar uma seção específica do texto. Isso ocorre porque o texto sublinhado é facilmente confundido com um link.

Dar um passo

Método 1 de 2: método atual

1. Use a propriedade text-decoration em seu estilo CSS. Usar a tag u> não é mais uma forma adequada de sublinhar o texto. Em vez disso, usamos a propriedade CSS "text-decoration".
   • Isso torna o código mais fácil de modificar, para que você não precise alterar nada no código antigo se ele se tornar inutilizável.
2. Use a tag span> quando quiser sublinhar uma certa parte do texto. Coloque a marca de início junto com a propriedade "text-decoration" onde deseja que o sublinhado comece. Coloque a marca final / extensão> onde o sublinhado deve parar.

   span style = "text-decoration: underline;"> Isso será sublinhado./span>

3. Declare elementos HTML na parte de estilo> de sua página. Você também pode fazer isso na folha de estilo CSS. O sublinhado pode ser muito mais fácil associando um estilo a um elemento HTML. Por exemplo, para sublinhar todos os seus cabeçalhos de nível 3, adicione o seguinte estilo CSS:

   html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Este título está sublinhado / h3> / body> / html>

4. Crie uma classe CSS para sublinhar rapidamente a qualquer momento. Você pode criar classes em sua folha de estilo ou estilo>, para serem chamadas posteriormente. A classe pode ter o nome que você quiser.

   html> head> style> .underline {text-decoration: underline; } / style> / head> body> Você pode usar esta classe para sublinhar rapidamente div> / div> de diferentes partes div> de seu conteúdo / div> / body> / html>

5. Considere outros métodos de enfatizar o texto. O sublinhado deve ser evitado para evitar confusão para o leitor. Um método popular é usar a tag em>, que deixa o texto em itálico. Você pode usar CSS para especificar ainda mais essa tag, para uma forma única de enfatizar.

   html> head> style> em {color: red; } / style> / head> body> Tudo dentro do elemento em ficará em> itálico (por causa das configurações padrão) e vermelho / em> por causa do estilo adicionado acima. / body> / html>

Método 2 de 2: método desatualizado

1. Evite usar as antigas tags u> / u>. Eles são "desencorajados", o que significa que ainda funciona, mas não é mais usado ou recomendado. Isso ocorre porque o HTML, em princípio, não é projetado como uma linguagem de marcação. A tag u> ainda funcionará, mas agora tem como objetivo indicar um texto diferente do outro, como uma palavra com grafia incorreta ou nomes próprios chineses.
2. Use a tag u> / u> para sublinhar (apenas para fins ilustrativos). Sob nenhuma circunstância você deve usar este método novamente. Pode ser bom saber como ele foi usado, caso você precise atualizar um site mais antigo.

   html> body> Com a antiga tag u> em HTML você poderia sublinhar coisas / u> rapidamente, mas as coisas ficam confusas rapidamente quando outros elementos de estilo são usados. É por isso que agora sublinhamos "decoração de texto" com o elemento CSS. / body> / html>

Pontas

• Quase sempre há uma maneira melhor de enfatizar algo em uma página da web do que sublinhando. Pode ser muito confuso para os leitores. Deixe seu texto mais bonito com CSS, para que se destaque positivamente.