Contente

• Instruções
• Sublinhe texto utilizando CSS
• Sublinhe texto usando HTML
• Dicas
• Aviso
• O que você precisa

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