Cómo anidar tablas dentro de tablas en dreamweaver

La colocación de las tablas dentro de tablas, o tablas anidadas, puede ayudar a crear diseños extremadamente complejos en Dreamweaver. Por ejemplo, con una tabla que contiene los resultados de todos los partidos de béisbol en una temporada, podría agregar una mesa más pequeña dentro de una célula a incluir estadísticas detalladas de un juego excepcional. Crear tablas anidadas mediante la inserción de una tabla dentro de una celda de otra tabla.

Los mejores diseños web comunican la información a su público de la manera más elegante y comprensible y son fáciles de descargar. Para asegurarse de que sus diseños no demasiado complicado, recuerde estas directrices:

  • Una tabla dentro de una tabla dentro de una tabla se anida tres niveles de profundidad. Nada más que eso se pone peluda.

  • Las páginas que usan tablas anidadas tardan más en descargarse. Para algunos diseños, el tiempo de descarga ligeramente más larga vale la pena. En la mayoría de los casos, es mejor agregar o combinar celdas en una tabla. Una situación que hace una tabla anidada vale la pena el tiempo de descarga es añadido cuando se desea colocar una tabla de datos en medio de un diseño de página complejo.

Para poder hacer una tabla dentro de otra tabla, siga estos pasos:

  1. Haga clic para colocar el cursor donde desea crear la primera tabla.

    Video: Combinar celdas en una tabla html - Rowspan y Colspan

  2. Seleccione Insertar → Tabla.

    Aparece el cuadro de diálogo Insertar tabla.

  3. Escriba el número de columnas y filas que necesita para su diseño.

  4. Establecer la opción Ancho de lo que sea apropiado para su diseño y luego haga clic en OK.

    Video: 08. Curso Básico de Html. Manejo de Tablas. Tabla anidada

    La mesa es de tamaño automáticamente al ancho de configurar.

  5. Escriba la información que desee en las celdas de la tabla.

  6. Haga clic para colocar el cursor en la celda en la que desea colocar la segunda tabla.

    Video: CREAR UNA TABLA E INSERTAR IMAGEN EN Dreamweaver

  7. Repita los pasos 2-5.

    Video: 07 Tablas, Imagen y Color de Fondo, Combiancion de Celdas - HTML

    La nueva tabla aparece dentro de la célula de la primera tabla.

Artículos Relacionados