-
Cómo colocar un DIV
-
etiquetas "div" le proporcionan una manera de dar formato a la forma en que sus imágenes, los botones, las formas y los contenidos se presentan en un navegador. Se coloca etiquetas div en cualquier parte del cuerpo de la página HTML, pero normalmente se coloca etiquetas div en secciones de su código que desea agrupar. Por ejemplo, se coloca un div alrededor de un párrafo y la imagen en su contenido.
Instrucciones
1 Haga clic en el archivo HTML para abrir una ventana emergente, a continuación, haga clic en "Abrir con" y haga clic en el editor de HTML que desea utilizar.
2 Colocar un recipiente principal alrededor de todo el contenido. El contenedor div le permite posicionar el diseño principal de la página. Coloque la apertura y el cierre de las etiquetas div en la sección principal del cuerpo. El siguiente código muestra un ejemplo de una etiqueta div de contenedor:
<Html> <head> <title> Título principal </ title> </ head>
<Body>
<Div> Contenedor </ div>
</ Body>
</ Html>
3 Añadir etiquetas div en torno a los segmentos de su página. Usted debe decidir cada sección de la página que necesita un div adicional. Por ejemplo, si desea mover un párrafo a la parte izquierda de la ventana y permitir que el texto se ajuste alrededor de la parte derecha, agregue la siguiente etiqueta div alrededor de su imagen y la sección de contenido:
<Div style = "position: absolute; left: 10px;"> <img src = "miimagen.jpg"> </ div>
4 Guarde los cambios después de realizar todas sus etiquetas div. Abra la página en un navegador Web para revisar los cambios. Después de revisar los cambios, puede agregar más etiquetas div, eliminar aquellos que no necesita o subir los cambios a un proveedor de alojamiento web, si está satisfecho con los cambios.
