Mais
×

Como sublinhar texto em HTML

Atualizado em 21 fevereiro, 2017

O sublinhado pode ser usado para destacar e enfatizar o texto em páginas da web. O texto pode ser sublinhado usando CSS style sheets, com a propriedade text-decoration ou, menos preferivelmente, com o elemento HTML U.

Instruções

Aprenda a sublinhar um texto em HTML (Information Internet Link image by Georgios Alexandris from Fotolia.com)

    Sublinhe texto utilizando CSS

  1. Encontre ou insira o texto que deseja sublinhar.

  2. Coloque-o dentro de um elemento de SPAN, adicionando uma tag de abertura antes do texto e uma tag de fechamento depois.

  3. Especifique sublinhando o texto dentro do SPAN, adicionando um atributo de STYLE para ele, como segue: STYLE = "text-decoration; underline;”

  4. Acrescente um atributo de classe para o SPAN, dando o nome de uma classe CSS que define o sublinhado do texto. Esta é uma alternativa para usar o atributo de STYLE, conforme descrito na etapa anterior. O formato da declaração da classe de CSS é o seguinte: .my-underlined-class { text-decoration: underline; }

    Sublinhe texto usando HTML

  1. Encontre ou insira o texto que deseja sublinhar.

  2. Inclua-o dentro de um elemento U, colocando uma tag de abertura e de fechamento antes e depois do texto.

  3. Isto pode ser feito rapidamente.

Dicas

  • Se você estiver usando um editor WYSIWYG HTML, procure o item de menu underline ou ícone da barra de ferramentas para sublinhar o texto sem ter que codificar o CSS ou HTML.
  • A propriedade CSS text-decoration também pode ser usada para colocar uma linha superior (overline), de uma parte a outra (line-through text) ou desativar o sublinhado já em vigor (none).

Aviso

  • Lembre-se que sublinhados são frequentemente usados em páginas da web para indicar links em que você pode clicar, então use-os com moderação para evitar confusões.

O que você precisa

  • Editor de texto ou HTML
Cite this Article A tool to create a citation to reference this article Cite this Article