ubiquitour.com

Cómo usar DIV en HTML

Si quieres estilo de una porción particular de su sitio web, utilizar una etiqueta "div" en el código de lenguaje marcado de hipertexto. Div es un elemento que controla una parte de los elementos de la página, como un título y párrafo, y al asignar en cascada hojas de estilo a esta etiqueta, el contenido automáticamente con formato. Utilizar programa de editor de texto del ordenador para usar un div en la página HTML y el estilo de tu página, como usted prefiera.

Instrucciones

1 Inicie su programa de editor de texto y abra el documento HTML que desea agregar el div para.

2 Coloque el cursor antes de los contenidos que es de formato y escriba una etiqueta de apertura "< div >". Además, entrar en un cierre "< / div >" elemento al final del texto afectado. Por ejemplo, para aplicar un div a un encabezado y un párrafo, escriba los códigos de div como sigue:

< div >

Título < h1 > < / h1 >

< p > este es el texto de párrafo. < /p >

< / div >

3 Entrar en "estilo =" en el div de principio de la etiqueta y siga con un atributo de estilo deseado. Por ejemplo, escriba "color:" y siga con un código de color HTML para determinar la sombra de su texto, o entrar en "margen izquierda:" y escriba un valor numérico en píxeles (px) para establecer el margen izquierdo del contenido. Cada atributo se separan con un punto y coma y adjuntar todos sus estilos entre un solo par de Comillas. Para ilustrar:

< div estilo = "color: #c0c0c0; margen izquierda: 10px; " >

4 Guardar el documento. El código completo div parece similar al ejemplo siguiente:

< div estilo = "color: #c0c0c0; margen izquierda: 10px; " >

Título < h1 > < / h1 >

< p > este es el texto de párrafo. < /p >

< / div >