Tecnología

Inicio

Cómo hacer un Div visible sin texto

Sólido diseño web se basa en la capacidad de manipular hábilmente HTML y CSS. Respectivamente, estos son HyperText Markup Language y Cascading Style Sheets. DIVs, una especie de elemento HTML, se usan para organizar grandes trozos de información de las páginas web. DIVs dividir el contenido en una página web. Si examina el código de cualquier página web revelará prolífico uso de DIVs. Ser capaz de manipular DIV es una habilidad crucial diseño web.

Instrucciones

1 Abra un editor de texto como el Bloc de notas.

2 Introduzca el siguiente código para crear un DIV.

<Html>

&lt;body>

& Lt; div id = "ejemplo>

& Lt; / div>

& Lt; / body>

</ Html>

3 Guarde el archivo como un archivo ".html" y abrirlo en un navegador Web. Se presentará una página en blanco. Un DIV expande de forma natural para adaptarse a su contenido; en este caso, eso no es nada. Dar el DIV una anchura y altura estática y cambiar su color para hacer que el DIV visible de este modo:

<Style>

ejemplo {width: 300px; altura: 300px; background-color: red}

</ Style>

Este código debe ir inmediatamente después de la etiqueta "<body>". Guarde el documento y volver a abrirlo en una ventana del navegador.