Dreamweaver utiliza etiquetas Div
El elemento Div (división) define un área en el documento. El elemento div incluye diversos contenidos de la página, como texto, tablas, formularios, imágenes, complementos, etc. , incluso los elementos div pueden estar contenidos dentro de elementos div.
Si desea que la etiqueta div muestre un efecto específico o muestre contenido HTML en una posición determinada, debe definir un estilo CSS para la etiqueta div.
La forma de usar etiquetas div es:
Contenido HTML/div
Si usa etiquetas div solas sin usar ningún estilo CSS, el efecto es el mismo como usar p Las etiquetas son las mismas.
En segundo lugar, inserte la etiqueta div
1. Coloque el mouse donde desea insertar la etiqueta div, luego haga clic en el menú "Insertar", seleccione el comando "Objeto de diseño". y en la ventana emergente, seleccione el elemento Etiqueta Div del submenú.
Como alternativa, seleccione el elemento de diseño en el panel "Insertar" y luego haga clic en el icono "Insertar etiqueta div", como se muestra en la siguiente figura:
2. para abrir el cuadro de diálogo "Insertar etiqueta Div", como se muestra a continuación:
3. En el cuadro de diálogo "Insertar etiqueta Div", puede realizar las siguientes operaciones:
Insertar: en el punto de inserción - en Insertar una etiqueta div en la posición del cursor después de la etiqueta de apertura - insertar una etiqueta div después de la etiqueta del cuerpo antes de la etiqueta de cierre - insertar una etiqueta div antes de la etiqueta de cierre de /body; .
Categoría: Selecciona una categoría. Lea el tutorial de hoja de estilo CSS: selectores de clases.
ID: Selecciona un ID. Lea el tutorial de la hoja de estilo CSS: selectores de identificación.
Botón "Nueva regla CSS": haga clic en este botón para abrir el cuadro de diálogo "Nueva regla CSS". Lea cómo utilizar hojas de estilos CSS en Adobe Dreamweaver CS4.
Consejo: Usando "Nuevas reglas CSS", puedes agregar la clase y el ID de la etiqueta div.
4. Después de configurar el proyecto en el cuadro de diálogo, o sin configurar el proyecto, haga clic en "Aceptar" para insertar la etiqueta div en el documento. Como se muestra en la siguiente figura:
5. Haga clic en el borde de la etiqueta div en la vista "Diseño" del documento y luego seleccione la etiqueta div, como se muestra en la siguiente figura:
6. Puede abrir el panel de propiedades de la etiqueta div, como se muestra a continuación:
ID de partición: seleccione una ID. Lea el tutorial de la hoja de estilo CSS: selectores de identificación.
Categoría: Selecciona una categoría. Lea el tutorial de hoja de estilo CSS: selectores de clases.
Botón del panel CSS: puede crear nuevas reglas CSS o agregar hojas de estilo adicionales en la ventana emergente.
En tercer lugar, ingrese el contenido en la etiqueta div
Haga clic con el botón izquierdo del mouse en el borde de la etiqueta y coloque el cursor en el borde para ingresar el contenido.
Cuarto, elimine la etiqueta div
Seleccione la etiqueta div en la vista "Configuración" (método selectivo 2.5) y presione la tecla Eliminar para eliminarla.
Anidación de etiquetas div de verbo (abreviatura de verbo)
Haga clic con el botón izquierdo del mouse y coloque el cursor dentro de la etiqueta div para continuar insertando etiquetas div.
Sexto, Div+CSS
DIV+CSS es uno de los términos comúnmente utilizados en los estándares de sitios web para distinguirlo del posicionamiento de tablas en páginas HTML. En el estándar de diseño de sitios web XHTML, DIV+CSS se utiliza principalmente para posicionar contenido web en lugar de utilizar el posicionamiento en tabla.