Cómo hacer que el texto sea invisible en código HTML

Mujer en café en la acera leyendo correos electrónicos

Credito de imagen: Jacob Ammentorp Lund / iStock / Getty Images

Varias etiquetas HTML vienen con una propiedad llamada "visibilidad". Un elemento que tiene este estilo es la etiqueta div. La etiqueta div es un contenedor que contiene texto e imágenes en una ubicación determinada en una página web. Puede utilizar esta etiqueta para ocultar texto en una página web. Rodee sus bloques de texto con una etiqueta div y estará oculta a los usuarios. Esto es útil cuando desea crear un menú o una página dinámica que no muestre información hasta que un usuario haga clic en un botón o enlace.

Paso 1

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

Video del día

Paso 2

Coloque una etiqueta div en la sección de la página donde desea colocar el texto. El siguiente código coloca una etiqueta div con la propiedad de visibilidad configurada como oculta:

Paso 3

Ingrese algo de texto dentro de la etiqueta div. Para propósitos de prueba, ingrese "Mi texto oculto" dentro de la etiqueta. Su código debería verse como el siguiente:

Mi texto oculto

Etapa 4

Guarde el archivo y ábralo con su navegador web. No se muestra texto en el navegador web a pesar de que se puede ver en el código renderizado.