-
Cómo hacer etiquetas div
-
Una página web puede incluir una o más etiquetas DIV a áreas de sección de la página. Puede posicionar y personalizar un DIV con sus atributos, tales como ID. W3 Escuelas define Identificación como "un identificador único para un elemento." Altura y anchura son atributos que conforman las dimensiones del DIV. El atributo de relleno añade espacio entre un recipiente y su contenido. El atributo border añade un contorno alrededor de la DIV. La parte superior, inferior, derecho e izquierdo posición de los atributos de DIV vertical u horizontalmente en una página.
Instrucciones
1 Comience su editor de texto favorito, como el Bloc de notas, EditPad o TextPad. Seleccione "Archivo" y "Abrir" en el menú. Se abre un cuadro de diálogo. Haga doble clic en el archivo HTML que desea modificar.
2 Coloca el cursor entre la etiqueta <HEAD> y añadir el estilo se muestra a continuación. Se crea un estilo DIV con el "myDiv" ID. El contenedor tiene una posición absoluta que es 15 píxeles desde la parte superior de la página. Es 400 píxeles de ancho con una separación de 5 píxeles entre el recipiente y su contenido. Se añade un borde continuo, de color rojo que es pixel de grosor alrededor del contenedor.
<Style>
myDiv {
position: absolute;top: 15px;
Anchura: 400px;
padding: 5px;
frontera: 1px sólido de color rojo;
}
</ Style>
3 Personalizar los valores de "arriba", "ancho", "relleno" y "frontera" con las opciones que desea establecer. Para pasar de un borde sólido ", cambie" sólida "a" doble "," discontinua "o" puntos.
4 Agregue el siguiente código entre la etiqueta <BODY> de su archivo en el que se utiliza la etiqueta DIV, a continuación, reemplazar "Su contenido va aquí" con el contenido real que desea visualizar.
<Div id = "myDiv"> Su contenido va aquí </ div>
5 Seleccione "Archivo" y "Guardar" en el menú para guardar los cambios.
