Como sublinhar texto em HTML

Escrito por ehow contributor | Traduzido por césar campos
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como sublinhar texto em HTML
Aprenda a sublinhar um texto em HTML (Information Internet Link image by Georgios Alexandris from Fotolia.com)

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.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

O que você precisa?

  • Editor de texto ou HTML

Lista completaMinimizar

Instruções

    Sublinhe texto utilizando CSS

  1. 1

    Encontre ou insira o texto que deseja sublinhar.

  2. 2

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

  3. 3

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

  4. 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. 1

    Encontre ou insira o texto que deseja sublinhar.

  2. 2

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

  3. 3

    Isto pode ser feito rapidamente.

Dicas & Advertências

  • 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).
  • 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.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível