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

Mulher lendo e-mails em um café na calçada

Crédito da imagem: Jacob Ammentorp Lund / iStock / Getty Images

Várias tags HTML vêm com uma propriedade chamada "visibilidade". Um elemento com esse estilo é a tag div. A tag div é um contêiner que contém texto e imagens em um determinado local em uma página da web. Você pode usar esta tag para ocultar texto em uma página da web. Cerque seus blocos de texto com uma tag div e ela ficará oculta para os usuários. Isso é útil quando você deseja criar um menu ou página dinâmica que não mostre informações até que o usuário clique em um botão ou link.

Passo 1

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

Vídeo do dia

Passo 2

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

etapa 3

Insira algum texto na tag div. Para fins de teste, insira "Meu texto oculto" na tag. Seu código deve ser semelhante ao abaixo:

Meu Texto Oculto

Passo 4

Salve o arquivo e abra-o com seu navegador da web. Nenhum texto é mostrado no navegador da web, embora possa ser visto no código renderizado.