Tecnología

Inicio

Cómo Hacer texto invisible en el código HTML

Varias etiquetas HTML vienen con una propiedad llamada "visibilidad". Un elemento que tiene este estilo es la etiqueta div. La etiqueta div es un recipiente que contiene texto e imágenes en un lugar determinado en una página web. Puede utilizar esta etiqueta para ocultar el texto en una página web. Rodear sus bloques de texto con una etiqueta div y se oculta a los usuarios. Esto es útil cuando se quiere hacer un menú o una página dinámica que no muestra la información hasta que un usuario hace clic en un botón o enlace.

Instrucciones

1 Abra su página web en un editor de texto. Esto puede ser algo tan simple como el Bloc de notas o editores de HTML más avanzados, como Notepad ++ o Visual Studio.

2 Coloque una etiqueta div en la sección de la página en la que desea colocar el texto. El código siguiente coloca una etiqueta div con la propiedad de visibilidad configurado como oculto:
<Div style = "visibility: hidden"> </ div>

3 Introduzca algún texto dentro de la etiqueta div. Para propósitos de prueba, escriba "Mi texto oculto" dentro de la etiqueta. El código debería ser como el siguiente:
<Div style = "visibility: hidden"> Mi texto oculto </ div>

4 Guarde el archivo y abrirlo con el navegador web. No texto se muestra en el navegador web a pesar de que se puede ver en el código prestado.