>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

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


Várias tags HTML vêm com uma propriedade chamada "visibilidade". Um elemento que possui 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 essa tag para ocultar o texto em uma página da web. Envolva 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 um usuário clique em um botão ou link.

Etapa 1


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

Etapa 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:


Etapa 3


Digite algum texto dentro da tag div. Para fins de teste, insira "Meu texto oculto" na tag. Seu código deve ficar parecido com o abaixo:
Meu texto oculto

Etapa 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.