Cómo: Agregar y quitar elementos de tabla HTML en Visual Web Developer

  • Artículo

Actualización: noviembre 2007

Después de crear una tabla, puede agregar nuevos elementos, como filas, columnas y celdas. También puede quitar elementos existentes.

Para agregar una tabla

  • Realice uno de los pasos que se citan en la tabla siguiente.

    Tipo de tabla

    Pasos

    Tabla sin contenido y ningún atributo establecido

    • Desde el grupo HTML del Cuadro de herramientas, arrastre un elemento Tabla a la página.

      Visual Studio crea una tabla con tres filas y tres columnas.

    Tabla con atributos especificados al crearla

    • En el menú Diseño, haga clic en Insertar tabla y, a continuación, especifique la tabla y las opciones de celda en el cuadro de diálogo Insertar tabla.

Para agregar filas, columnas y celdas a una tabla

  • Realice uno de los pasos que se citan en la tabla siguiente.

    Elemento de tabla

    Pasos

    Fila dentro de la tabla

    • Coloque el punto de inserción en la fila al lado de dónde desea insertar la nueva fila; en el menú Diseño, haga clic en Insertar y, a continuación, haga clic en Fila arriba o Fila abajo.

      O bien

      Haga clic con el botón secundario del mouse en cualquier parte de la fila donde desee insertar la nueva fila, haga clic en Insertar y, a continuación, haga clic en Fila arriba o Fila abajo.

    Fila al final de la tabla

    • Presione la tecla TAB en la última celda de la tabla.

    Columna

    • Coloque el punto de inserción en una celda de la columna situada al lado de donde desea insertar la nueva columna; en el menú Diseño, haga clic en Insertar y, a continuación, haga clic en Columna a la derecha o Columna a la izquierda.

      O bien

      Haga clic con el botón secundario del mouse en cualquier parte de la columna donde desea agregar la nueva columna, haga clic en Insertar y, a continuación, haga clic en Columna a la izquierda o Columna a la derecha.

    Celda

    Nota:
    El editor no evita que se cree una tabla con números impares de celdas en las filas. Además, no expandirá ninguna celda para alojar los números impares de las celdas en otras filas

    • Coloque el punto de inserción en la celda al lado de donde desee insertar la nueva celda; en el menú Diseño, haga clic en Insertar y, a continuación, haga clic en Celda a la izquierda o Celda a la derecha.

      O bien

      Haga clic con el botón secundario del mouse en la columna donde desee insertar la nueva celda, haga clic en Insertar y, a continuación, haga clic en Celda a la izquierda o Celda a la derecha.

Para agregar el título de una tabla

  1. Seleccione la tabla a la que desee agregar un título.

  2. En el menú Diseño, haga clic en Insertar y, a continuación, haga clic en Título.

Combinar celdas de tablas

Puede combinar, o fusionar, celdas para formar las columnas o columnas que abarcan otras columnas. Por ejemplo, en una tabla de tres columnas, puede combinar las celdas de la fila superior para formar una sola fila que abarque las tres columnas.

Para combinar las celdas de la tabla

  1. Seleccione las celdas que desee combinar. Para obtener información detallada, consulte Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web Developer.

    Nota:

    Sólo se pueden combinar las celdas de la tabla si las celdas seleccionadas forman un rectángulo.

  2. En el menú Diseño, haga clic en Combinar celdas.

    O bien

    Haga clic con el botón secundario en las celdas de la tabla seleccionada y, a continuación, haga clic en Combinar celdas.

    Las celdas se combinan en una sola celda con un atributo colspan o rowspan agregado al código de formato, según convenga.

Quitar elementos de la tabla

Si se quita un elemento de la tabla, se elimina permanentemente de la página.

Para quitar una tabla

  • En el menú Diseño, haga clic en Eliminar y, a continuación, haga clic en Tabla.

    O bien

    Seleccione la tabla y, a continuación, presione la tecla SUPR.

Para quitar una fila de una tabla

  1. Coloque el punto de inserción en la fila o columna que desee quitar. Si está eliminando celdas, seleccione las que desee eliminar. Para obtener información detallada, consulte Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web Developer.

  2. En el menú Diseño, haga clic en Eliminar y, a continuación, haga clic en Fila o Columna.

    O bien

    Seleccione la fila o la columna de la tabla que desee eliminar y presionar RETROCESO.

Para quitar celdas de la tabla

  1. Haga clic en las celdas de la tabla que desee eliminar. Para obtener información detallada, consulte Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web Developer.

  2. En el menú Diseño, haga clic en Eliminar y, a continuación, haga clic en Celdas.

    O bien

    Seleccione las celdas de la tabla que desee eliminar y presionar RETROCESO.

Vea también

Tareas

Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web Developer

Cómo: Cambiar el tamaño de los elementos de tabla HTML en Visual Web Developer