Cómo ocultar una etiqueta DIV (En 8 Pasos)

Por robert allen
Cómo ocultar una etiqueta DIV (En 8 Pasos)
Comstock/Comstock/Getty Images

En HTML, las etiquetas "

" se usan para separar bloques de texto, dándoles estilos únicos o colocándolas cuidadosamente en un sitio web. Puesto que cada etiqueta DIV puede tener su propio ID, o una clase que comparte con otros elementos de la página web, puedes ocultarla usando "CSS", una especificación versátil que te permite hacer todo tipo de cambios en los elementos de una página web.

Ocultar una única etiqueta DIV

Paso 1

Abre tu código fuente de página web en un editor HTML o con el Bloc de Notas. Necesitarás editar el HTML real, así que un editor "what-you-see-is-what-you-get (lo que ves es lo que obtienes)" o WYSIWYG, no es suficiente.

Paso 2

Desplázate por el código de la página web hasta la etiqueta DIV que quieres ocultar, la etiqueta empezará con "

" y terminará con "
". El resto de cambios que debes hacer están en la etiqueta de apertura.

Paso 3

Añade la siguiente línea de código (conservando las comillas) entre "":

style="display:none;"

Si no hay otros atributos (como "id=" o "class=") en el

, debería decir "
" y estar seguido de los contenidos de texto de la etiqueta.

Paso 4

Guarda y cierra el archivo HTML. Cuando la página sea visitada usando un navegador web, la etiqueta DIV estará oculta.

Ocultar múltiples DIVs

Paso 1

Abre el archivo de código fuente del sitio web, que seguramente terminará con ".html". Usa un editor de texto sencillo, como el Bloc de Notas en Windows, TextEdit en OSX, o nano en Linux.

Paso 2

Busca la sección de la cabecera del documento, que empieza por "" y termina con "". Inmediatamente después de la etiqueta "", añade el siguiente código copiándolo y pegándolo directamente en el HTML de tu página web:

Paso 3

Añade la línea "class='hide'" entre "" en cada etiqueta DIV que quieres ocultar. Si no hay otros atributos en la etiqueta, cada etiqueta de apertura dirá ahora simplemente "

", esto hace referencia a la clase CSS "hide" definida en la cabecera de página.

Paso 4

Guarda el documento y cierra el editor HTML. Cuando abras la página en un navegador web, cada etiqueta DIV con "class='hide'" en sus atributos estará oculta para el visitante.