13.12.2018 Views

revista div css

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

4<br />

Etiqueta Div<br />

Puede crear diseños de página insertando manualmente etiquetas <strong>div</strong> y aplicando a estas estilos de posición CSS. Una<br />

etiqueta <strong>div</strong> es una etiqueta que define las <strong>div</strong>isiones lógicas existentes en el contenido de una página web. Puede<br />

utilizar etiquetas <strong>div</strong> para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color,<br />

entre otras posibilidades<br />

Inserción de etiquetas <strong>div</strong><br />

Puede utilizar etiquetas <strong>div</strong> para crear<br />

bloques de diseño CSS y colocarlos en<br />

el documento.<br />

1. En la ventana de documento, sitúe el<br />

punto de inserción en el lugar donde<br />

desea que aparezca la etiqueta <strong>div</strong>.<br />

2. Siga uno de estos procedimientos:<br />

Seleccione Insertar > HTML > Div.<br />

En la categoría HTML del panel Insertar,<br />

haga clic en Div.<br />

3. Establezca cualquiera de las opciones<br />

siguientes:<br />

Insertar<br />

Permite seleccionar la ubicación de la<br />

etiqueta <strong>div</strong> y el nombre de la etiqueta<br />

si no es una etiqueta nueva.<br />

Clase<br />

Muestra el estilo de la clase aplicado<br />

actualmente a la etiqueta. Si ha<br />

adjuntado una hoja de estilos, las clases<br />

de la hoja de estilos aparecerán en la<br />

lista. Utilice este menú emergente para<br />

seleccionar el estilo que desea aplicar a<br />

la etiqueta.<br />

ID<br />

Permite modificar el nombre utilizado<br />

para identificar la etiqueta <strong>div</strong>. Si ha<br />

adjuntado una hoja de estilos, aparecerán<br />

en la lista los ID definidos en la hoja<br />

de estilos. No aparecen en la lista los ID<br />

de bloques que ya están en el documento.<br />

4. Haga clic en Aceptar.<br />

La etiqueta <strong>div</strong> tendrá el aspecto de un<br />

cuadro en el documento con texto de<br />

marcador de posición. Al desplazar el<br />

puntero sobre el borde del cuadro,<br />

Dreamweaver lo resaltará.<br />

Si la etiqueta <strong>div</strong> se sitúa con una<br />

posición absoluta, se convierte en un<br />

elemento PA. (Puede editar las etiquetas<br />

<strong>div</strong> que no tengan una posición<br />

absoluta).

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!