Cómo utilizar DIV en HTML

Si desea el estilo de una parte determinada de su sitio web, utilizar una etiqueta "div" en el código de lenguaje de marcado de hipertexto. Div es un elemento que controla una sección de elementos de la página, como un encabezamiento y un párrafo, y cuando se asigna Cascading Style Sheets a esta etiqueta, su contenido se formatea automáticamente. Utilice el programa editor de texto de su ordenador para utilizar un div en su página HTML y el estilo de su página, como usted prefiera.

Instrucciones

1 Poner en marcha su programa editor de texto y abra el documento HTML que desea añadir el div a.

2 Coloque el cursor antes de que el contenido que va a formatear y escriba una abertura etiqueta "<div>". Además, introduce un elemento de cierre "</ div>" al final del texto afectado. Por ejemplo, para aplicar un div a un encabezamiento y un párrafo, escriba los códigos div de la siguiente manera:

<Div>

<H1> </ h1>

<P> Este es el texto del párrafo. </ P>

</ Div>

3 Enter "style =" en la etiqueta div de inicio y siga esto con un atributo de estilo deseado. Por ejemplo, el tipo de "color" y siga esto con un código de color HTML para determinar el color de su texto, o introduzca "margin-left:" y escriba un valor numérico en píxeles (px) para establecer el margen izquierdo del contenido . Separe cada atributo con un punto y coma y adjuntar todos sus estilos entre un único par de comillas. Para ilustrar:

<Div style = "color: # c0c0c0; margin-left: 10px;">

4 Guarde el documento. Su completa código div tiene el siguiente ejemplo:

<Div style = "color: # c0c0c0; margin-left: 10px;">

<H1> </ h1>

<P> Este es el texto del párrafo. </ P>

</ Div>