Coloca el punto de inserción donde quieras que aparezca la tabla.
Última actualización el
27/04/2021
Aprenda a utilizar las tablas para mostrar contenido en su sitio web. Además, aprenda a dividir y combinar las celdas de las tablas, así como a importar y exportar los datos de las mismas.
Las tablas son una herramienta potente para presentar datos tabulares en una página HTML. Una tabla consta de una o varias filas, cada una de las cuales consta, a su vez, de una o más celdas. Aunque las columnas no se especifican explícitamente en el código HTML, Dreamweaver te permite manipular columnas, así como filas y celdas.
Nota
Se recomienda evitar el uso de tablas para maquetar tu página web.Prueba las plantillas de inicio (Archivo > Nuevo > Plantillas de inicio) para empezar con diseños prediseñados. Puedes insertar tu propio texto e imágenes en estos diseños y aplicarles estilo con CSS.
Prioridad del formato de tabla en HTML
A la hora de dar formato a tablas en la vista de Diseño, puede definir propiedades que se apliquen a toda la tabla o a filas, columnas o celdas seleccionadas de la misma. Al definir el valor de una propiedad como, por ejemplo, el color de fondo o la alineación, para toda la tabla y otro valor para celdas individuales, el formato de celda tiene prioridad sobre el formato de fila, que a su vez tiene prioridad sobre el formato de tabla.
El orden de prioridad en el formato de tabla es el siguiente:
- Celdas
- Filas
- Tabla
Por ejemplo, si estableces el color de fondo de una sola celda en azul y luego estableces el color de fondo de toda la tabla en amarillo, la celda azul no cambia a amarillo, ya que el formato de celda tiene prioridad sobre el formato de tabla.
Nota
Cuando estableces propiedades en una columna, Dreamweaver cambia los atributos de la etiqueta td correspondiente a cada celda de la columna.
Dividir y combinar celdas de tabla
Puedes combinar cualquier número de celdas adyacentes, siempre que toda la selección sea una línea o un rectángulo de celdas, para crear una sola celda que abarque varias columnas o filas. Puedes dividir una celda en cualquier número de filas o columnas, independientemente de si se combinó previamente. Dreamweaver reestructura automáticamente la tabla (añadiendo los atributos colspan o rowspan necesarios) para crear la disposición especificada.
En el siguiente ejemplo, las celdas del centro de las dos primeras filas se han combinado en una sola celda que abarca dos filas.
Inserción de una tabla y adición de contenido
Usa el panel Insertar o el menú Insertar para crear una nueva tabla. Luego, añade texto e imágenes a las celdas de la tabla de la misma manera que añades texto e imágenes fuera de una tabla.
Nota
Si el documento está en blanco, solo puedes colocar el punto de inserción al principio del documento.
Seleccione Insertar > Tabla.
En la categoría HTML del panel Insertar, haz clic en Tabla.
Establece los atributos del cuadro de diálogo Tabla y haz clic en Aceptar para crear la tabla.
Filas
Determina el número de filas de la tabla.
Columnas
Determina el número de columnas de la tabla.
Ancho de tabla
Especifica la anchura de la tabla en píxeles o como porcentaje de la anchura de la ventana del explorador.
Grosor del borde
Especifica el ancho en píxeles de los bordes de la tabla.
Espacio entre celdas
Determina el número de píxeles entre celdas de tabla contiguas.
Nota
Si no se especifican los valores de grosor del borde o espaciado y relleno de celda, la mayoría de los navegadores mostrará el grosor del borde y el relleno de celda configurado en 1 y el del espaciado de celda configurado en 2. Para garantizar que los navegadores muestren la tabla sin borde, relleno ni espaciado, establezca Relleno celda y Espacio celdas con el valor 0.
Relleno de celda
Determina el número de píxeles entre el borde de una celda y su contenido.
Ninguno:
No permite encabezados de columna o de fila para la tabla.
Izquierda
Convierte la primera columna de la tabla en una columna para encabezados, para que puedas introducir un encabezado para cada fila de la tabla.
Superior
Convierte la primera fila de la tabla en una fila para encabezados, para que puedas introducir un encabezado para cada columna de la tabla.
Ambos
Le permite introducir encabezados de columna y de fila en la tabla.
Nota
Es recomendable utilizar encabezados en el caso de que los usuarios utilicen lectores de pantalla. Los lectores de pantalla leen los encabezados de tabla y ayudan a los usuarios de los mismos a mantener un seguimiento de la información de la tabla.
Texto
Proporciona un título de tabla que se muestra fuera de la tabla.
Resumen
Ofrece una descripción de la tabla. Los lectores de pantalla leen el texto del resumen, pero el texto no aparece en el explorador del usuario.
Importar y exportar tablas
Puedes importar datos tabulares que se hayan creado en otra aplicación (como Microsoft Excel) y guardado en formato de texto delimitado (con elementos separados por tabuladores, comas, dos puntos o punto y coma) en Dreamweaver y darles formato como tabla.
También puedes exportar datos de tabla desde Dreamweaver a un archivo de texto, con el contenido de las celdas adyacentes separadas por un delimitador.Puedes usar comas, dos puntos, punto y coma o espacios como delimitadores.Al exportar una tabla, se exporta la tabla completa; no puedes seleccionar partes de una tabla para exportar.
Nota
Si desea solo algunos de los datos de una tabla (por ejemplo, las primeras seis filas o las primeras seis columnas), copie las celdas que contienen esos datos, pegue esas celdas fuera de la tabla (para crear una nueva tabla) y exporte la nueva tabla.
Importación de datos de tabla
Seleccione Archivo > Importación > Importar datos tabulares.
Especifique las opciones de los datos de tabla y haga clic en OK.
Archivo de datos
Nombre del archivo que desea importar. Haga clic en el botón Examinar para seleccionar un archivo.
Delimitador
Delimitador utilizado en el archivo que está importando.
Si selecciona Otro, aparecerá un cuadro de texto a la derecha del menú emergente. Introduzca el delimitador utilizado en su archivo.
Nota
Especifique el delimitador utilizado cuando se guardó el archivo de datos. De lo contrario, el archivo no se importará adecuadamente y sus datos no tendrán el formato de tabla correcto.
Ancho de tabla
Ancho de la tabla.
Seleccione Ajustar a los datos para que todas las columnas tengan el ancho suficiente para contener la cadena de texto más larga en la columna.
Seleccione Establecer para especificar un ancho fijo de la tabla en píxeles o como porcentaje del ancho de la ventana del navegador.
Borde
Especifica el ancho en píxeles de los bordes de la tabla.
Relleno de celda
El número de píxeles entre el contenido de una celda y los límites de la celda.
Espacio entre celdas
Número de píxeles entre celdas de tabla contiguas.
Nota
Si no se especifican los valores de borde o espaciado y relleno de celda, la mayoría de los navegadores mostrará la tabla con los bordes y el relleno de celda configurado en 1 y el espaciado de celda configurado en 2. Para garantizar que los navegadores muestren la tabla sin relleno ni espaciado, establezca Relleno de celda y Espacio entre celdas con el valor 0. Para ver los límites de las celdas y la tabla cuando el borde es 0, seleccione Ver > Ayudas visuales > Bordes de tabla.
Formatear primera fila
Determina qué formato, si lo hay, se aplica a la fila superior de la tabla. Seleccione entre cuatro opciones de formato: sin formato, negrita, cursiva o negrita cursiva.
Exportación de una tabla
Sitúe el punto de inserción en cualquier celda
de la tabla.
Seleccione Archivo > Exportar > Tabla.
Especifique las opciones siguientes:
Delimitador
Especifica qué carácter delimitador debe usarse para separar elementos en el archivo exportado.
Saltos de línea
Especifica en qué sistema operativo abrirás el archivo exportado: Windows, Macintosh o UNIX.(Los diferentes sistemas operativos tienen diferentes formas de indicar el final de una línea de texto).
Haga clic en Exportar.
Introduzca un nombre para el archivo y haga clic en Guardar.
Selección de elementos de una tabla
Puedes seleccionar una tabla, fila o columna completa a la vez.También puedes seleccionar una o más celdas individuales.
Cuando muevas el puntero sobre una tabla, fila, columna o celda, Dreamweaver resalta todas las celdas de esa selección para que sepas qué celdas se seleccionarán.Esto es útil cuando tienes tablas sin bordes, celdas que abarcan múltiples columnas o filas, o tablas anidadas.Puedes cambiar el color de resaltado en Preferencias.
Nota
Si posicionas el puntero sobre el borde de una tabla y luego mantienes presionada la tecla Ctrl (Windows) o la tecla Cmd (Macintosh), se resalta toda la estructura de la tabla, es decir, todas las celdas de la tabla.Esto es útil cuando tienes tablas anidadas y quieres ver la estructura de una de las tablas.
Selección de una tabla entera
Realice una de las siguientes acciones para seleccionar una tabla:
- Haga clic en la esquina superior izquierda de la tabla para seleccionar la tabla.
- Haga clic en una celda de la tabla, luego seleccione la etiqueta en el selector de etiquetas en la esquina inferior izquierda de la ventana Documento.
- Haga clic en una celda de la tabla, después en el menú del encabezado de tabla y, a continuación, seleccione Seleccionar tabla. Aparecerán manejadores de selección en los bordes inferior y derecho de la tabla.
- Haz clic en una celda de la tabla y selecciona Edición > Tabla > Seleccionar tabla.
Seleccionar filas individuales o múltiples o columnas
Coloca el puntero para que apunte al
borde izquierdo de una fila o al borde superior de una columna.
Cuando el puntero cambie a una flecha de selección, haga clic para seleccionar una fila o columna, o arrastre para seleccionar varias filas o columnas.
Selección de una sola columna
Haga clic en la columna.
Haga clic en el menú del encabezado de columna y seleccione Seleccionar columna.
Selección de una sola celda
Siga uno de estos procedimientos:
- Haga clic en la celda y, a continuación, seleccione la etiqueta <td> en el selector de etiquetas situado en la esquina inferior izquierda de la ventana de documento.
- Presione la tecla Control (Windows) o Comando (Macintosh) y haga clic en la celda.
Seleccionar una línea o un bloque rectangular de celdas
Siga uno de estos procedimientos:
Arrastre de una celda a otra.
Haga clic en una celda, presione Control y haga clic (Windows) o presione Comando y haga clic (Macintosh) en la misma celda para seleccionarla y, a continuación, presione Mayús y haga clic en otra celda.
Selección de celdas no adyacentes
Mantén presionado Ctrl y haz clic (Windows) o Cmd y haz clic
(Macintosh) en las celdas, filas o columnas que deseas seleccionar.
Si cada celda, fila o columna en la que mantienes presionado Ctrl y haces clic o Cmd y haces clic no está ya seleccionada, se añade a la selección. Si ya está seleccionada, se elimina de la selección.
Cambiar el color de resaltado para elementos de tabla
Selecciona
Edición > Preferencias (Windows) o Dreamweaver >
Preferencias (Macintosh).
Selecciona Resaltado de la lista de categorías de la izquierda,
realiza cualquiera de los siguientes cambios y haz clic en Aceptar.
Para cambiar el color de resaltado de los elementos de tabla, haga clic en el cuadro Color al pasar el ratón por encima y seleccione un color de resaltado con el selector de color (o bien escriba el valor hexadecimal del color de resaltado en el cuadro de texto).
Para activar o desactivar el resaltado de los elementos de la tabla, active o desactive la selección de la opción Mostrar correspondiente a Ratón por encima.
Nota
Estas opciones afectan a todos los objetos que Dreamweaver resalta cuando mueves el puntero sobre ellos.
Establecimiento de las propiedades de una tabla
Puedes usar el Inspector de propiedades para editar tablas.
Seleccione una tabla.
En el inspector de Propiedades (Ventana > Propiedades),
cambia las propiedades según sea necesario.
ID de tabla
Especifica un ID para la tabla.
Filas y Cols
Número de filas y columnas que tendrá la tabla.
An
El ancho de la tabla en píxeles o como porcentaje del ancho de la ventana del navegador.
Nota
Normalmente no es preciso especificar el alto de una tabla.
Rell. celda
El número de píxeles entre el contenido de una celda y los límites de la celda.
Esp. celda
Número de píxeles entre celdas de tabla contiguas.
Alinear
Determina dónde aparecerá la tabla en relación con otros elementos del mismo párrafo, como por ejemplo texto o imágenes.
Izquierda alinea la tabla a la izquierda de los demás elementos (por lo que el texto del mismo párrafo se ajusta alrededor de la tabla a la derecha); Derecha alinea la tabla a la derecha de los demás elementos (con el texto ajustado alrededor a la izquierda); y Centro centra la tabla (con el texto encima y/o debajo de la tabla). Predeterminado indica que el navegador debe utilizar su alineación predeterminada.
Nota
Si la alineación está establecida como Predeterminado, no se muestra otro contenido junto a la tabla. Para mostrar una tabla junto a otro contenido, utilice la alineación Izquierda o Derecha.
Borde
Especifica el ancho en píxeles de los bordes de la tabla.
Nota
Si no se especifican los valores de borde o espaciado y relleno de celda, la mayoría de los navegadores mostrará la tabla con los bordes y el relleno de celda configurado en 1 y el espaciado de celda configurado en 2. Para garantizar que los navegadores muestren la tabla sin relleno ni espaciado, establezca Borde con el valor 0 y Relleno celda y Espacio celdas con el valor 0. Para ver los límites de las celdas y la tabla cuando el borde es 0, seleccione Ver > Ayudas visuales > Bordes de tabla.
Clase
Establece una clase CSS en la tabla.
Nota
Es posible que tenga que expandir el inspector de propiedades de tabla para ver las siguientes opciones. Para expandir el inspector de propiedades de tabla, haga clic en la flecha de expansión situada en la esquina inferior derecha.
Borrar anchuras de columna y Borrar alturas de fila
y Borrar alto de fila eliminan todos los valores especificados para el ancho de columna y alto de fila de la tabla.
Convertir ancho de tabla a píxeles
y Convertir alturas de tabla a píxeles establecen la anchura o altura de cada columna en la tabla a su anchura actual en píxeles (también establece la anchura de toda la tabla a su anchura actual en píxeles).
Convertir ancho de tabla a porcentaje
y Convertir alturas de tabla a porcentaje establecen la anchura o altura de cada columna en la tabla a su anchura actual expresada como un porcentaje de la anchura de la ventana del documento (también establece la anchura de toda la tabla a su anchura actual como un porcentaje de la anchura de la ventana del documento).
Si introduce un valor en un cuadro de texto, presione Tab o Intro (Windows) o Retorno (Macintosh) para aplicar el valor.
Configuración de las propiedades de celdas, filas o columnas
Puedes usar el inspector de propiedades para editar celdas y filas en una tabla.
Seleccione la columna o fila.
En el inspector de propiedades (Ventana > Propiedades), establezca las siguientes opciones:
Horiz
Especifica la alineación horizontal del contenido de una celda, fila o columna. Puedes alinear el contenido a la izquierda, derecha o centro de las celdas, o puedes indicar que el explorador debe usar su alineación predeterminada (generalmente izquierda para celdas normales y centro para celdas de cabecera).
Vert
Especifica la alineación vertical del contenido de una celda, fila o columna. Puedes alinear el contenido a la parte superior, media, inferior o línea de base de las celdas, o indicar que el explorador debe usar su alineación predeterminada (generalmente media).
An (Anchura) y Al (Altura)
Ancho y alto de las celdas seleccionadas en píxeles o como porcentaje del ancho o alto total de la tabla. Para especificar un porcentaje, introduzca el símbolo de porcentaje (%) tras el valor. Para que el navegador determine el ancho o alto apropiado en función del contenido de la celda, y el ancho y alto del resto de las columnas y filas, deje el campo en blanco (el valor predeterminado).
De forma predeterminada, un navegador selecciona el alto de fila y el ancho de columna de manera que pueda contener la imagen más ancha o la línea más larga en una columna. Por esta razón, algunas veces el ancho de una columna resulta mucho más grande que el de otras columnas de la tabla cuando se le añade contenido.
Nota
Puede especificar el alto como porcentaje del alto total de la tabla, aunque quizás la fila no se muestre en los navegadores con el porcentaje de alto especificado.
Fnd
El color de fondo para una celda, columna, o fila, elegido con el selector de color.
Combinar celdas
Combina las celdas, filas o columnas seleccionadas para crear una sola celda. Sólo pueden combinarse celdas que constituyan una bloque rectangular o lineal.
Dividir celda
Divide una celda para crear dos o más celdas. Puedes dividir solo una celda a la vez; este botón está deshabilitado si hay más de una celda seleccionada.
No aj.
Evita el ajuste de línea, manteniendo todo el texto en una celda determinada en una sola línea. Si No Wrap está habilitado, las celdas se ensanchan para ajustar todos los datos conforme los escribes o los pegas en una celda.(Normalmente, las celdas se expanden horizontalmente para acomodar la palabra más larga o la imagen más ancha en la celda, luego se expanden verticalmente según sea necesario para acomodar otros contenidos.)
Encabezado
Formatea las celdas seleccionadas como celdas de encabezado de tabla.El contenido de las celdas de cabecera de tabla está en negrita y centrado por defecto.
Nota
Puedes especificar anchuras y alturas como píxeles o porcentajes, y puedes convertir de píxeles a porcentajes y viceversa.
Nota
Cuando estableces propiedades en una columna, Dreamweaver cambia los atributos de la etiqueta td correspondiente a cada celda en la columna. Cuando estableces ciertas propiedades para una fila, sin embargo, Dreamweaver cambia los atributos de la etiqueta tr en lugar de cambiar los atributos de cada etiqueta td en la fila. Cuando estás aplicando el mismo formato a todas las celdas en una fila, aplicar el formato a la etiqueta tr produce código HTML más limpio y conciso.
Presiona Tab o Intro (Windows) o Retorno (Macintosh) para
aplicar el valor.
Aplicación de formato a tablas y celdas
Puedes cambiar la apariencia de las tablas estableciendo propiedades para la tabla y sus celdas o aplicando un diseño predefinido a la tabla. Antes de establecer propiedades de tabla y celda, ten en cuenta que el orden de precedencia para el formato es celdas, filas y tablas.
Nota
Para formatear el texto dentro de una celda de tabla, usa los mismos procedimientos que usarías para formatear texto fuera de una tabla.
Cambiar el formato de una tabla, fila, celda o columna
Seleccione una tabla, celda, fila o columna.
En el inspector de propiedades (Ventana > Propiedades), haga clic en la flecha de expansión en la esquina inferior derecha y cambie las propiedades según sea necesario.
Cambie las propiedades según convenga.
Para más información sobre las opciones, haga clic en el icono de Ayuda en el inspector de propiedades.
Nota
Cuando estableces propiedades en una columna, Dreamweaver cambia los atributos de la etiqueta td correspondiente a cada celda en la columna. Cuando estableces ciertas propiedades para una fila, Dreamweaver cambia los atributos de la etiqueta tr en lugar de cambiar los atributos de cada etiqueta td en la fila. Cuando aplicas el mismo formato a todas las celdas de una fila, aplicar el formato a la etiqueta tr produce código HTML más limpio y conciso.
Agregar o editar valores de accesibilidad para una tabla en la vista Código
Editar los atributos apropiados en el código.
Nota
Para localizar rápidamente las etiquetas en el código, haga clic en la tabla y luego seleccione la etiqueta <table> en el selector de etiquetas en la parte inferior de la ventana del documento.
Agregar o editar valores de accesibilidad para una tabla en la vista Diseño
- Para editar el pie de ilustración de la tabla, resalte el pie de ilustración y escriba uno nuevo.
Para editar la alineación del pie de ilustración, coloque el punto de inserción en el pie de ilustración de la tabla, haga clic con el botón derecho (Windows) o haga clic manteniendo presionada la tecla Control (Macintosh) y luego seleccione Editar código de etiqueta.
Para editar el resumen de la tabla, selecciona la tabla, haz clic con el botón derecho (Windows) o pulsa Control y haz clic (Macintosh) y luego selecciona Editar código de etiqueta.
Cambio del tamaño de tablas, columnas y filas
Cambio del tamaño de tablas
Puedes cambiar el tamaño de una tabla completa o de filas y columnas individuales. Cuando cambias el tamaño de una tabla completa, todas las celdas de la tabla cambian de tamaño proporcionalmente. Si las celdas de una tabla tienen ancho o alto explícitos especificados, cambiar el tamaño de la tabla modifica el tamaño visual de las celdas en la ventana Documento, pero no cambia el ancho y alto especificados de las celdas.
Puedes cambiar el tamaño de una tabla arrastrando uno de sus controles de selección. Dreamweaver muestra la anchura de la tabla, junto con un menú de cabecera de tabla, en la parte superior o inferior de la tabla cuando la tabla está seleccionada o el punto de inserción está en la tabla.
A veces las anchuras de columna establecidas en el código HTML no coinciden con sus anchuras aparentes en la pantalla. Cuando esto sucede, puedes hacer que las anchuras sean coherentes. Las anchuras de tabla y columna y los menús de cabecera aparecen en Dreamweaver para ayudarte a diseñar tus tablas; puedes habilitar o deshabilitar las anchuras y los menús según sea necesario.
Cambio del tamaño de columnas y filas
Puedes cambiar la anchura de una columna o la altura de una fila en el inspector de Propiedades o arrastrando los bordes de la columna o fila. Si tienes problemas para cambiar el tamaño, puedes borrar las anchuras de las columnas o las alturas de las filas y empezar de nuevo.
Nota
También puedes cambiar las anchuras y alturas de celda directamente en el código HTML usando la vista Código.
Dreamweaver muestra las anchuras de columna, junto con menús de encabezado de columna, en la parte superior o inferior de las columnas cuando la tabla está seleccionada o el punto de inserción está en la tabla; puedes habilitar o deshabilitar los menús de encabezado de columna según sea necesario.
Cambio del tamaño de una tabla
Seleccione la tabla. Si está trabajando en la Vista en vivo, la Visualización de elementos se muestra al seleccionar la tabla. Haz clic en el icono de sándwich para entrar en el modo de formato de tabla.
Para cambiar el tamaño de la tabla horizontalmente, arrastra el control de selección de la derecha.
Para cambiar el tamaño de la tabla verticalmente, arrastra el control de selección de la parte inferior.
Para cambiar el tamaño de la tabla en ambas dimensiones, arrastra el control de selección de la esquina inferior derecha.
Para salir de dicho modo en la Vista en vivo, pulse Esc o haga clic fuera de la tabla. Puedes usar las opciones del menú Editar > Tabla para modificar aún más la tabla.
Nota: las opciones del menú Editar > Tabla cambian dependiendo de si ha seleccionado la tabla entera o una sola celda. En la Vista en vivo, la Visualización de elementos muestra “table” cuando se ha seleccionado la tabla entera y “td” cuando solo se ha seleccionado una celda específica. Para cambiar del modo de formato de celda al modo de formato de tabla, haga clic en el borde de la tabla.
Cambiar la anchura de una columna y mantener la anchura general de la tabla
En la vista de diseño, arrastra el borde derecho de la columna que quieres cambiar.
La anchura de la columna adyacente también cambia, por lo que en realidad cambias el tamaño de dos columnas. Los comentarios visuales te muestran cómo se ajustarán las columnas; la anchura general de la tabla no cambia.
Nota
En tablas con anchuras basadas en porcentajes (no píxeles), si arrastras el borde derecho de la última columna, cambia la anchura de toda la tabla, y todas las columnas se hacen más anchas o más estrechas proporcionalmente.
Cambiar la anchura de una columna y mantener el tamaño de las demás columnas
En la vista Diseño, mantén pulsada la tecla Mayús y arrastra el borde de la columna.
Cambiará el ancho de una columna. Los comentarios visuales te muestran cómo se ajustarán las columnas; la anchura general de la tabla cambia para dar cabida a la columna cuyo tamaño estás cambiando.
Cambio del alto de una fila visualmente
Arrastre el borde inferior de la fila.
Hacer que la anchura de las columnas del código sea coherente con la anchura visual
Haga clic en una celda.
Haz clic en el menú de cabecera de tabla y, a continuación, selecciona Hacer coherentes todas las anchuras.
Dreamweaver restablece la anchura especificada en el código para que coincida con la anchura visual.
Borrar todas las anchuras o alturas establecidas en una tabla
Seleccione la tabla.
Siga uno de estos procedimientos:
Selecciona Edición > Tabla > Borrar anchuras de celda, o Edición > Tabla > Borrar alturas de celda.
En el inspector de propiedades (Ventana > Propiedades), haga clic en el botón Borrar alto de fila
o en el botón Borrar ancho de columna 
.Haz clic en el menú de cabecera de tabla y, a continuación, selecciona Borrar todas las alturas o Borrar todas las anchuras.
Eliminación del ancho establecido de una columna
Haz clic en la columna, haz clic en el
menú de cabecera de columna y selecciona Borrar anchura de columna.
Activar o desactivar las anchuras de tabla y columna y los menús en la vista Diseño
Seleccionar Vista > Opciones de la vista Diseño > Ayudas visuales > Anchuras de tabla.
Adición y eliminación de filas y columnas
Para añadir y quitar filas y columnas, utiliza el menú Modificar > Tabla o cabecera de columna.
Nota
Al pulsar el tabulador en la última celda de una tabla se añade automáticamente otra fila a la tabla.
Adición de una sola fila o columna
Haga clic en una celda y siga uno de estos procedimientos:
Seleccionar Editar > Tabla > Insertar fila o Editar > Tabla > Insertar columna.
Aparecerá una fila encima del punto de inserción o una columna a la izquierda del punto de inserción.
Haga clic en el menú del encabezado de columna y, a continuación, seleccione Insertar columna izquierda o Insertar columna derecha.
Adición de varias filas o columnas
Haga clic en una celda.
Selecciona Edición > Tabla > Insertar filas o columnas, completa el cuadro de diálogo y haz clic en Aceptar.
Insertar
Indica si deben insertarse filas o columnas.
Número de filas o número de columnas
El número de filas o columnas que deben insertarse.
Dónde
Especifica si las nuevas filas o columnas deben aparecer antes o después de la fila o columna de la celda seleccionada.
Eliminación de una fila o columna
Siga uno de estos procedimientos:
Haz clic en una celda dentro de la fila o columna que quieras eliminar y, a continuación, selecciona Editar > Tabla > Eliminar fila, o Editar > Tabla > Eliminar columna.
Seleccione una fila o columna completa y, a continuación, pulse Eliminar.
- En el inspector de propiedades (Ventana > Propiedades), siga uno de estos procedimientos:
- Para añadir o eliminar filas, aumente o reduzca el valor de Filas.
- Para añadir o eliminar columnas, aumente o reduzca el valor de Cols.
Nota
Dreamweaver no te advierte si estás eliminando filas y columnas que contienen datos.
División y combinación de celdas
Utiliza el inspector de propiedades o las opciones del submenú Edición > Tabla para dividir o combinar celdas.
Combinación de dos o más celdas en una tabla
Selecciona las celdas en una línea contigua
y con forma de rectángulo.
En la siguiente ilustración, la selección es un rectángulo de celdas, por lo que las celdas se pueden combinar.
En la siguiente ilustración, la selección no es un rectángulo, por lo que las celdas no se pueden combinar.
Siga uno de estos procedimientos:
Selecciona Editar > Tabla > Combinar celdas.
En el inspector de Propiedad HTML expandido (Ventana > Propiedades), haz clic en Combinar celdas.
Nota
Si no ves el botón, haz clic en la flecha de expandir en la esquina inferior derecha del inspector de Propiedad para que veas todas las opciones.
El contenido de las celdas individuales se sitúa en la celda combinada resultante. Las propiedades de la primera celda seleccionada se aplicarán a la celda combinada.
División de una celda
Haz clic en la celda y realiza una de las
siguientes acciones:
Selecciona Edición > Tabla > Dividir celda.
En el inspector de Propiedad HTML expandido (Ventana > Propiedades), haz clic en Dividir celda.
Nota
Si no se muestra el botón, haga clic en la flecha de expansión situada en la esquina inferior derecha del inspector de propiedades para ver todas las opciones.
En el cuadro de diálogo División de celda, especifique cómo dividir la celda:
Dividir celda en
Especifica si la celda debe dividirse en filas o en columnas.
Número de filas/Número de columnas
Especifica en cuántas filas o columnas dividir la celda.
Aumentar o reducir el número de filas o columnas que abarca una celda
Siga uno de estos procedimientos:
Selecciona Edición > Tabla > Aumentar intervalo de filas, o Edición > Tabla > Aumentar intervalo de columnas.
Selecciona Edición > Tabla > Reducir intervalo de filas, o Edición > Tabla > Reducir intervalo de columnas.
Copia, pegado y eliminación de celdas
Puedes copiar, pegar o eliminar una sola celda de tabla o varias celdas a la vez, conservando su formato.
Puedes pegar celdas en el punto de inserción o en lugar de una selección en una tabla existente. Para pegar varias celdas de tabla, el contenido del portapapeles debe ser compatible con la estructura de la tabla o la selección en la tabla en la que se pegarán las celdas.
Corte o copia de celdas de una tabla
Selecciona una o más celdas en una línea contigua
y en forma de rectángulo.
En la siguiente ilustración, la selección es un rectángulo de celdas, por lo que las celdas se pueden cortar o copiar.
En la siguiente ilustración, la selección no es un rectángulo, por lo que las celdas no se pueden cortar o copiar.
Seleccione Edición > Cortar, o bien Edición > Copiar.
Nota
Si seleccionaste una fila o columna completa y seleccionas Edición > Cortar, toda la fila o columna se elimina de la tabla (no solo el contenido de las celdas).
Pegado de celdas de tabla
Elija dónde desea pegar las celdas:
Para reemplazar las celdas actuales por las celdas que desea pegar, seleccione un grupo de celdas que tengan el mismo diseño que las del portapapeles. (Por ejemplo, si ha copiado o cortado un bloque de celdas de 3 x 2, podrá reemplazarlo por otro bloque de celdas de 3 x 2).
Para pegar toda una fila de celdas encima de una celda concreta, haga clic en dicha celda.
Para pegar toda una columna de celdas a la izquierda de una celda concreta, haga clic en dicha celda.
Nota
Si no dispone de toda una fila o columna de celdas en el portapapeles y hace clic en una celda y, a continuación, pega las celdas del portapapeles, puede reemplazar la celda en la que ha hecho clic y las que la rodean (dependiendo de su ubicación en la tabla) por las celdas que está pegando.
- Para crear una nueva tabla con las celdas pegadas, sitúe el punto de inserción fuera de la tabla.
Seleccione Edición > Pegar.
Si pegas filas o columnas completas en una tabla existente, las filas o columnas se agregan a la tabla. Si pegas una celda individual, el contenido de la celda seleccionada se reemplaza. Si pegas fuera de una tabla, las filas, columnas o celdas se usan para definir una nueva tabla.
Eliminar el contenido de la celda pero mantener las celdas intactas
Seleccione una o más celdas.
Nota
Asegúrate de que la selección no consista completamente en filas o columnas completas.
Pulse Eliminar.
Nota
Si solo se seleccionan filas o columnas completas cuando seleccionas Edición > Borrar o presionas Suprimir, las filas o columnas completas, no solo su contenido, se eliminan de la tabla.
Eliminar filas o columnas que contengan celdas combinadas
Seleccione la fila o columna.
Selecciona Editar > Tabla > Eliminar fila o Editar > Tabla > Eliminar columna.
Anidación de tablas
Una tabla anidada es una tabla dentro de una celda de otra tabla. Puedes dar formato a una tabla anidada como lo harías con cualquier otra tabla; sin embargo, su anchura está limitada por la anchura de la celda en la que aparece.
Haga clic en una celda de la tabla.
Selecciona Insertar > Tabla, configura las opciones de Insertar tabla
y haz clic en Aceptar.
Ordenación de tablas
Puedes ordenar las filas de una tabla según el contenido de una sola columna. También puedes realizar una ordenación de tabla más complicada basada en el contenido de dos columnas.
No puedes ordenar tablas que contengan atributos colspan o rowspan, es decir, tablas que contengan celdas combinadas.
Seleccione la tabla o haga clic en cualquiera de las celdas.
Selecciona Editar > Tabla > Ordenar tabla, configura las opciones en el cuadro de diálogo y haz clic en Aceptar.
Ordenar por
Determina qué valores de la columna se utilizarán para ordenar las filas de la tabla.
Orden
Determina si ordenar la columna alfabéticamente o numéricamente, y si ordenarla en orden ascendente (A a Z, números menores a números mayores) o descendente.
Cuando el contenido de una columna sean números, selecciona Numéricamente. Una ordenación alfabética aplicada a una lista de números de una y dos cifras da como resultado que los números se ordenen como si fueran palabras (dando lugar a una ordenación como 1, 10, 2, 20, 3, 30) en lugar de ordenarse como números (dando lugar a una ordenación como 1, 2, 3, 10, 20, 30).
Después por/Orden
Determina el orden de clasificación para una ordenación secundaria en una columna diferente. Especifique la columna de ordenación secundaria en el menú emergente Después por y el orden de clasificación secundario en los menús emergentes Orden.
El orden incluye la primera fila
Especifica que la primera fila de la tabla debe incluirse en la ordenación. Si la primera fila es un encabezado que no se debe mover, no seleccione esta opción.
Ordenar filas de encabezado
Especifica ordenar todas las filas en la sección thead de la tabla (si la hay) usando los mismos criterios que las filas del cuerpo. (Ten en cuenta que las filas thead permanecen en la sección thead y siguen apareciendo en la parte superior de la tabla incluso después de ordenar.) Para obtener información sobre la etiqueta thead, consulta el panel Referencia (selecciona Ayuda > Referencia).
Ordenar filas de pie
Especifica que se ordenen todas las filas en la sección tfoot de la tabla (si la hay) usando los mismos criterios que las filas del cuerpo.(Tenga en cuenta que las filas tfoot permanecen en la sección tfoot y siguen apareciendo en la parte inferior de la tabla incluso después de ordenar.)Para obtener información sobre la etiqueta tfoot, consulta el panel Referencia (selecciona Ayuda > Referencia).
No modificar los colores de fila hasta que haya finalizado la operación de orden
Especifica que los atributos de fila de tabla (como el color) deben permanecer asociados con el mismo contenido después de la ordenación. Si las filas de tu tabla tienen formato con dos colores alternos, no selecciones esta opción para asegurar que la tabla ordenada siga teniendo filas de colores alternos. Si los atributos de fila son específicos del contenido de cada fila, seleccione esta opción para asegurarse de que dichos atributos permanezcan asociados con las filas correctas en la tabla ordenada.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
