Como tornar invisível o texto no código HTML

••• 3d http image by Mauro Saivezzo from Fotolia.com

Várias tags HTML vêm com uma propriedade chamada "visibilidade". Um elemento que possui este estilo é a tag div. Esta tag é um recipiente que contém texto e imagens em um determinado local em uma página web. Você pode usá-la para ocultar o texto em uma página. Circunde seus blocos de texto com uma tag div e eles ficarão escondidos. Isto é útil quando você quer fazer um menu ou página dinâmica que não mostra informações até o usuário clicar em um botão ou link.

Passo 1

Abra sua página web em um editor de texto. Pode ser em um editor de texto simples como o Bloco de notas ou editores de HTML mais avançados, como o Notepad++ ou Visual Studio.

Passo 2

Coloque uma tag div na seção da página onde você deseja colocar o texto. O código abaixo coloca uma tag div com a propriedade de visibilidade definida como oculta:

Passo 3

Digite algum texto dentro da tag div. Para testar, digite "Meu texto oculto" dentro da tag. Seu código deverá estar conforme segue:

Meu texto oculto

Passo 4

Salve o arquivo e abra-o com seu navegador. Embora ele possa ser visto no código apresentado, nenhum texto é mostrado no navegador.

Mais recentes

×